/*Jumbotron Selectors */
.carousel-caption div{
  background-color: rgba(256,256,256,0.70);
  border-radius: 5px;
  padding:1rem;
}

.carousel-caption div{
  color: var(--primary-text-color);
}
.carousel-caption h5{
  font-size: 50px;
}
.carousel-caption p{
  font-size:x-large;
}
@media(max-width:575px){
  .carousel-caption h5{
    font-size:35px;
  }
  .carousel-caption p{
    font-size:18px;
  }
}
@media(max-width:360px){
  .carousel-caption h5{
    font-size:30px;
  }
  .carousel-caption p{
    font-size:15px;
  }
}

#carousel-container{
  position:relative;
}
#caption-container{
  position:absolute;
  bottom:20px;
  left:50%;
  transform:translateX(-50%);
  text-align: center;
  padding:"1rem 2rem";
  border-radius: "0.5rem";
  z-index: 2;
  width:65%;
}
#jumbotron-carousel .carousel-item img{
  width:100%;
  height: 500px;
  object-fit: cover;
  transition: transform 8s ease;
  
}
.carousel-item.active img{
  animation:zoomIn 8s ease forwards;
}
.carousel-item:not(.active) img{
  animation: none;
  transform: scale(1);
}
@keyframes zoomIn {
  from {
    transform: scale(1);
  }
  to{
    transform: scale(1.05);
  }
}

#jumbotron-caption{
  text-align: center;
  background-color: rgba(256,256,256,0.70);
  border-radius: 5px;
  color: var(--primary-text-color);


}
#jumbotron-caption{
  color: var(--primary-text-color);
}
#jumbotron-caption h5{
  font-size: 50px;
}
#jumbotron-caption p{
  font-size:x-large;
}
@media(max-width:575px){
  #jumbotron-caption h5{
    font-size:35px;
  }
  #jumbotron-caption p{
    font-size:18px;
  }
}
@media(max-width:360px){
  #jumbotron-caption h5{
    font-size:30px;
  }
  #jumbotron-caption p{
    font-size:15px;
  }
}
.carousel-loading .inner-carousel-box{
  background-color: rgba(0,0,0,0);
}