.swiper {
  position: relative;
  width: 100%;
  margin-top: $base-spacing-4x;
}

.swiper-container {
  padding: 1px; // fix logo border disappear on large screen

  height: 150px;
}

.swiper-slide {
  .logo {
    display: flex;
    height: 100%;
    border: 1px solid $alto-200;
    padding: $base-spacing-3x;
    box-sizing: border-box;

    img {
      width: 100%;
      object-fit: scale-down;
    }
  }
}

.swiper-navigation {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;

  .swiper-button-prev,
  .swiper-button-next {
    width: unset;
    height: unset;
    transform: translateY(-50%);
  }
}