.frame {
    flex: 0 0 auto; 
    width: 2,5%;
    box-sizing: border-box;
    overflow: hidden;
  }


  .frame img {
    /* width: 100%; */
    height: auto;
    min-width: 250px;
    max-width: 250px;
  }
  .overflow-hidden {
    overflow: hidden; 
  }
  .scrolling-wrapper {
    display: flex;
    white-space: nowrap; 
    animation: scrollLeft 90s linear infinite; 
  }
  .scrolling-wrapper > .frame {
    display: inline-block; 
  }
  @keyframes scrollLeft {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }


 /* 1 PERTAMINA */
  @media (min-width: 1200px) {
    .pertamina {
      margin-left: 50px;
      margin-right: 40px;
    }
  }


  /* 3 DISTP */
  @media (min-width: 1200px) {
    .distp {
      margin-right: 20px;
    }
  }

  
  /* 5 RSCM */
  @media (min-width: 1200px) {
    .rscm {
      margin-left: -10px;
    }
  }


/* 6 KEMKES RSCM */
  @media (min-width: 1200px) {
    .kemkesrscm {
      margin-left: -40px;
      margin-right: 50px;
    }
  }


  /* 8 kemkes rsab */
  @media (min-width: 1200px) {
      .kemkesrsab {
        margin-right: 30px;
      }
    }


  /* 10 kemkes harkit  */
  @media (min-width: 1200px) {
      .kemkesharkit {
        margin-left: -40px;
        margin-right: 10px;
      }
    }


  /* 10 kemkes harkit  */
  @media (min-width: 1200px) {
      .kemkesharkit {
        margin-left: -40px;
        margin-right: 10px;
      }
    }


  /* 11 poltekkes  */
  @media (min-width: 1200px) {
      .poltekkes1 {
        margin-right: 20px;
      }
    }


  /* 11 hoesin  */
  @media (min-width: 1200px) {
      .hoesin {
        margin-right: 20px;
      }
    }


  /* 14 kemkeshoesin  */
  @media (min-width: 1200px) {
      .kemkeshoesin {
        margin-right: 20px;
      }
    }


  /* 16 kemkeskariadi  */
  @media (min-width: 1200px) {
      .kemkeskariadi {
        margin-left: -50px;
      }
    }


    
  /* 17 Selong  */
  @media (min-width: 1200px) {
      .selong {
        margin-left: -20px;
        margin-right: 30px;
      }
    }


  /* 19 Carolus  */
  @media (min-width: 1200px) {
      .carolus {
        margin-left: -40px;
        margin-right: 50px;
      }
    }


  /* 20 wdh  */
  @media (min-width: 1200px) {
      .wdh {
        margin-right: 20px;
      }
    }