* {box-sizing:border-box}

/* Hide the images by default */

* {box-sizing: border-box}
.mySlides1, .mySlides2 {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 480;
  position: relative;
  margin: auto;
}

/* Fading animation */
.fade-cover {
  animation-name: fade;
  animation-duration: 1.5s;
}

.fade-gallery {
  animation-name: fade;
  animation-duration: 1.5s;
}

.mySlides1.fade-gallery img {
    border-style: inset;
    border-width: 10px;
    border-color: #4D8AF1;
    border-radius: 10px;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}