.fade-in-image {
  animation: fadeIn 3s;
  -webkit-animation: fadeIn 3s;
  -moz-animation: fadeIn 3s;
  -o-animation: fadeIn 3s;
  -ms-animation: fadeIn 3s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

.fade-out-image {
  animation: fadeOut 3s;
  -webkit-animation: fadeOut 3s;
  -moz-animation: fadeOut 3s;
  -o-animation: fadeOut 3s;
  -ms-animation: fadeOut 3s;
}

@keyframes fadeOut {
  100% {opacity:1;}
  0% {opacity:0;}

}

@-moz-keyframes fadeOut {
  100% {opacity:1;}
  0% {opacity:0;}
}

@-webkit-keyframes fadeOut {
  100% {opacity:1;}
  0% {opacity:0;}
}

@-o-keyframes fadeOut {
  100% {opacity:1;}
  0% {opacity:0;}
}

@-ms-keyframes fadeOut {
  100% {opacity:1;}
  0% {opacity:0;}
}

#image-carousel {
  height: auto;
  width: 80%;
  padding-left: 10%;
  padding-right: 10%;
  margin-bottom: 15px;
  text-align: center;
}

#image-carousel img {
  height: 150px;
  width: 150px;
  margin: 20px;
  display: inline-block;
}