.slides {
  position: relative;
  width: 95vh;
  height: 70vh;
  overflow: hidden;
  border: 4px solid #000;
  box-shadow: #000 0px 5px 15px;
}

.slide {
  display: none;
  width: 100%;
  height: 100%;
}

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

/* Center arrows */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;                  /* vertical center */
  transform: translateY(-50%);
  font-size: 50px;           /* arrow size */
  font-weight: bold;
  color: white;
  padding: 8px;
  background: rgba(0,0,0,0.4);
  border-radius: 50%;
  user-select: none;
}

.prev { left: 15px; }        /* left border */
.next { right: 15px; }       /* right border */

.prev:hover, .next:hover {
  background: rgba(255,255,255,0.6);
  color: black;
}