.swiper-container {
    width: 100%;
    height: 40vh;
    min-height: 300px;
}
.slider-title {
  position: absolute;
  bottom: 1em;
  right: 1em;
  font-size: 1.1rem;
  max-width: 93%;
  text-align: right;
  background: rgba(16, 16, 16, .8);
  color: white;
  padding: 0.5rem 1rem;
}

@media only screen and (min-width: 500px) {
  .slider-title {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 650px) {
  .slider-title {
    font-size: 2rem;
      bottom: 2em;
      right: 2em;
  }
}

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

div.swiper-button-prev,
div.swiper-button-next {
  color: #f8f1f1;
}

span.swiper-pagination-bullet {
  background-color: #f8f1f1;
}