.swiper-slide {
  img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  &--with-title {
    position: relative;
    height: auto;

    &__title {
      position: absolute;
      color: $white;
      font-family: $ff-serif;
      text-align: center;
      padding: 0 75px 75px;
      align-self: flex-end;
      z-index: 3;
    }

    &:before {
      content: '';
      position: absolute;
      right: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 40%;
      // display: block!important;
      background: linear-gradient(180deg,
          transparent,
          rgba(0, 0, 0, 0.65) 90%,
          rgba(0, 0, 0, 0.85));
      z-index: 2;
    }

    @media (max-width: 900px) {
      &__title {
        padding: 0 0px 25px;
        width: 60%;
      }
    }
  }
}

.swiper-button-prev,
.swiper-button-next {
  width: auto !important;
  height: auto !important;
  margin-top: 0 !important;
  z-index: 3 !important;
  background-image: none !important;
  transform: translateY(-50%);

  &:after {
    display: none;
  }

  .icon-left,
  .icon-right {
    color: var(--white);
    font-size: 28px;
  }
}

.swiper-button-prev {
  left: 6% !important;
}

.swiper-button-next {
  right: 6% !important;
}

@media (max-width: 600px) {
  .swiper-button-prev {
    left: 2% !important;
  }

  .swiper-button-next {
    right: 2% !important;
  }
}