.marquee-wrapper {
      overflow: hidden;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%;
    }
    .marquee-inner {
      display: flex;
    }
    .marquee-inner .ratio {
      flex-shrink: 0;
      margin-right: 30px;
      width: clamp(100px, 20vw, 150px);
      object-fit: cover;
      overflow: hidden;
    }
    .marquee-inner .ratio img {
      object-fit: cover;
          transition: all 0.5s;
    }
    .marquee-inner .ratio:hover img {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
    -webkit-filter: brightness(50%);
    filter: brightness(50%);
}