.login,
.image {
  min-height: 100vh;
}
.bg-image1,
.bg-image2,
.bg-image3 {
  animation: carouselAnimation 5s infinite;
}
.bg-image1 {
  background-image: url("../../img/loginbg1.jpg");
  background-size: cover;
  background-position: center center;
  animation-delay: 0s;
}
.bg-image2 {
  background-image: url("../../img/loginbg2.jpg");
  background-size: cover;
  background-position: center center;
  animation-delay: 0s;
}
.bg-image3 {
  background-image: url("../../img/loginbg3.jpg");
  background-size: cover;
  background-position: center center;
  animation-delay: 0s;
}
.bg-image4 {
  background-image: url("../../img/loginbg4.jpg");
  background-size: cover;
  background-position: center center;
  animation-delay: 0s;
}
.bg-image5 {
  background-image: url("../../img/loginbg5.jpg");
  background-size: cover;
  background-position: center center;
  animation-delay: 0s;
}
.bg-image6 {
  background-image: url("../../img/loginbg6.jpg");
  background-size: cover;
  background-position: center center;
  animation-delay: 0s;
}
.bg-image7 {
  background-image: url("../../img/loginbg7.jpg");
  background-size: cover;
  background-position: center center;
  animation-delay: 0s;
}
@keyframes carouselAnimation {
  0% {
    opacity: 0.4;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}