@media (max-width: 991.98px) { 
  #carouselExampleCaptions, .carousel-inner{
    height: 35vh !important;
    width:100vw !important;
  }
} 
@media (min-width: 991.99px) { 
  #carouselExampleCaptions:hover {
    height: 100vh !important;
    box-shadow: 0 1rem 3rem rgba(34, 42, 66, 0.175) !important;
    border-radius: 0.4285rem !important;
      transition:  .25s ease-out;
  -moz-transition:  .25s ease-out;
  -o-transition:  .25s ease-out;
  -webkit-transition:  .25s ease-out;
    cursor: pointer;
  }
  #carouselExampleCaptions:hover > .carousel-inner {
    height: 100% !important;
    padding:0 !important;
    box-shadow: 0 1rem 3rem rgba(34, 42, 66, 0.175) !important;
    border-radius: 0.4285rem !important;
      transition:  .25s ease-out;
  -moz-transition:  .25s ease-out;
  -o-transition:  .25s ease-out;
  -webkit-transition:  .25s ease-out;
  }
} 


#carouselExampleCaptions, .carousel-inner{
  width: 80vw;
  height: 40vh ;
  transition:  .25s ease-out;
  -moz-transition:  .25s ease-out;
  -o-transition:  .25s ease-out;
  -webkit-transition:  .25s ease-out;
}
.carousel-item img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  overflow: hidden !important;
}



.card{
  transform: scale(1);
  transition:  .25s ease-out;
  -moz-transition:  .25s ease-out;
  -o-transition:  .25s ease-out;
  -webkit-transition:  .25s ease-out;
}
.card:hover{
  transform: scale(1.05);
}