.splide__slide img {
  width: 100%;
  /* height: 100%; */
  height: 600px;
  object-fit: cover;
}
@media only screen and (max-width: 800px) {
  .splide__slide {
    height: 500px !important;
  }
}
/* Container holding the image and the text */
.slider-container {
  position: relative;
  /* text-align: center; */
  color: white;
  height: 600px !important;
}

.slider-centered {
  position: absolute;
  top: 90px;
  left: 50px;
  width: 54%;
  /* transform: translate(-50%, -50%); */
  background-color: #0000008c;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px 0px rgb(0, 0, 0)
}

@media only screen and (max-width: 600px) {
  .slider-centered {
    position: absolute;
    left: 20px;
    width: 90%;
  }
}