* {box-sizing: border-box}

.mySlides {display: none;}
img {vertical-align:bottom;}
.cover{object-fit: cover;height: 100%;position: absolute;width: 100%;}
/* Slideshow container */
.slideshow-container {
  position:absolute ;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  width: 10%;
  height: 35px;
  padding: 0px;
  margin-top: 0;
  background-color: white;




}

/* Position the "next button" to the right */
.next {
  right: 0px;
  content: url("../img/arrow-right.svg");
  object-fit: contain;
  transition-duration: .5s;
    

}
.prev {
  left: 0px;
  content: url("../img/arrow-left.svg");
  object-fit: contain;
  transition-duration: .5s;

}

/* On hover, add a black background color with a little bit see-through */
.prev:hover{
    transform:translateX(-5px);
}
.next:hover{
    transform:translateX(5px);
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
}