/* lines TOP BANNER ------------------*/
.top-banner-container {
position: relative;
width:100vw; 
margin-top:  var(--bs-header-height);
}
 
.card-img-overlay{
max-height: calc( 100vh -  (2 * var(--bs-header-height)) );
 
}
 
 

 
/* ------------------------------*/


.top-banner-img { 
  width: 100vw;
  height:auto;

}
@media (min-width: 768px) {
.top-banner-img { 
  width: 100vw;
  height:auto;
 
}
}