
.slider {
  position: relative;
  overflow: hidden;
  height: 600px;
  width: 400px;
}

.slider > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.slider > div.current {
  opacity: 1;
}
.slider > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.buttons div#next {
  position: absolute;
  top: 40%;
  right: 15px;
}

.buttons div#next:hover {
  transform: scale(1.3);
}

.buttons div#prev {
  position: absolute;
  top: 40%;
  left: 15px;
}

.buttons div#prev:hover {
  transform: scale(1.3);
}

.buttons div {
  border: 2px solid #fff;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  padding: 13px 15px;
  border-radius: 50%;
  outline: none;
}

.buttons div:hover {
  background-color: #fff;
  color: #333;
}

/* Backgorund Images */
.slider > div {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

/* 
.slider > div:first-child {background-image: url(../img/consultorio/1.jpg);}
.slider > div:nth-child(2) {background-image: url(../img/consultorio/2.jpg);}
.slider > div:nth-child(3) {background-image: url(../img/consultorio/3.jpg);}
.slider > div:nth-child(4) {background-image: url(../img/consultorio/4.jpg);}
*/