.owl-carousel {
  position: relative;
}

.owl-carousel .item > div:first-child {
  aspect-ratio: 2/1;
  overflow: hidden;
}

.owl-carousel .background-image-container {
  aspect-ratio: 2/1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.owl-carousel .item h1 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: min(4vw, 3.5rem);
}

.owl-carousel .slide-info {
  -webkit-transition: ease-in-out 0.2s;
  -o-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  bottom: 0;
  background: rgba(225, 225, 225, 0.7);
  width: 100%;
  padding: 1rem;
}