* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}

/* Page content bounce-in animation */
.page-content {
  animation: bounce-in 1s;
}

@keyframes bounce-in {
  0%   { transform: scale(0); }
  50%  { transform: scale(1.5); }
  100% { transform: scale(1); }
}

/* Carousel */
.carousel {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
  margin-top: 20px;
}

.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.carousel img.active {
  opacity: 1;
}