.f-marquee {
  position: relative;
  width: calc(100vw - 40px);
  overflow-x: hidden;
  height:160px;
  margin-top:80px;
}
.f-marquee img {
  height:100px!important;
  width:auto;
  max-width:180px!important;
  object-fit:contain;
}

.f-marquee--track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 90s linear infinite;
  display:flex;
  gap:100px;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media(max-width:1024px) {
  .f-marquee {
  height:130px;
  margin-top:0;
}
.f-marquee img {
  height:80px!important;
  max-width:130px!important;
}

.f-marquee--track {
  gap:80px;
}
}

@media(max-width:768px) {
  .f-marquee {
    height:50px;
        overflow:unset;
    width:calc(100vw - 15px);
  }
  .f-marquee--track {
  animation: unset;
    width:100%;
}
  .f-marquee img {
    height: 25vw!important;
    width: 25vw!important;
    max-height: 110px!important;
    max-width: 110px!important;
}
  .f-marquee--track img {
    display:none;
  }
  .f-marquee--track img:nth-of-type(1) {
    display:block;
    position:absolute;
    right:0;
    bottom:130px;
  }
  .f-marquee--track img:nth-of-type(2) {
display: block;
    position: absolute;
    right: 45px;
    bottom: 93px;
    transform: rotate(-15deg);
  }
  .f-marquee--track img:nth-of-type(3) {
display: block;
    position: absolute;
    right: 0;
    bottom: -30px;
    transform: rotate(10deg);
  }
}