.carousel-cell {
  width: 12.5vw;
  aspect-ratio: 152/50;
  margin-right: 10px;
  counter-increment: carousel-cell;
  object-fit: scale-down;
  padding: 1vw;
  background-color: white;
  border: 2px solid #26262665;
  border-radius: 20px;
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  content: counter(carousel-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}

#logos-carousel > hr {
  margin-top: 2vh;
  color: transparent;
}

#logos-carousel {
  mask-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 1) 15%,
    rgba(0, 0, 0, 1) 85%,
    rgba(255, 255, 255, 0) 100%
  );
}

@media (max-width: 961px) {
  .carousel-cell {
    width: 20vw;
    aspect-ratio: 152/80;
    border-radius: 10px;
  }

  #logos-carousel > hr {
    margin-top: 2vh;
  }
}

@media (min-width: 961px) and (max-width: 1025px) {
  .carousel-cell {
    width: 15vw;
    aspect-ratio: 152/80;
  }

  #logos-carousel > hr {
    margin-top: 2vh;
  }
}