.header_slide{position:relative;}
.title_carousel{font-size:5rem !important;position:absolute; z-index:1; width:90%; 
  left:5%; text-align: center; color:#fff; text-shadow: 0px 0px 7px #000;}

.carousel-inner{height:400px !important;}
.carousel-inner .carousel-item{width: 100%;
 
  object-fit: cover;}
.carousel-inner img{vertical-align: middle;}

/*.carousel-item{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}*/
.carousel-item{
  position: relative;
}

.mask{
    -webkit-mask-box-image: url("../imgs/mask.svg");
    mask-image: url("../imgs/mask.svg");
    -webkit-mask-position: bottom;
    mask-position: bottom;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    overflow: hidden;

}

.gallary_container{
    display: grid;
    gap: 0.1rem;
    grid-template-columns: repeat(auto-fit, minmax(15em, 1fr));
    grid-auto-rows: 15.5em;  
  }
  
  .image_container img{
    width: 100%;
    height: 100%; 
      box-shadow: rgba(3, 8, 20, 0.1) 0px 0.15rem 0.5rem, rgba(2, 8, 20, 0.1) 0px 0.075rem 0.175rem;
    object-fit: cover;
  }
  @media screen and (max-width: 1100px) {
  .title_carousel{font-size:3rem !important;}
  }
  
  @media screen and (max-width: 768px) {
    .title_carousel{font-size:2rem !important;}
    }
  @media screen and (min-width: 768px) {
    .image-tall {
      grid-row: span 2 / auto;
    }
  
    .image-wide {
      grid-column: span 2 / auto;
    }
  }

  .img-bg-header{height:100%;width:100%;background-position:center;background-repeat: no-repeat;background-size: cover;}