.image_banner {
    /* border: 1px solid red; */
    width: 100%;
    height: 80vh;
    position: relative;
    background-color: #000;
    overflow: hidden; /* extra gap remove */
  }

  .banner_img {
    width: 100%;      /* ✅ full width */
    height: 100%;     /* ✅ parent ki height cover kare */
    /* object-fit: contain;  */
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    
  }
   .banner_img.active {
    opacity: 1;
  }

  @media (min-width: 992px) {
    .image_banner {
      height: 85vh;
    }
  }

  @media (max-width: 991px) {
    .image_banner {
      margin-top: -20px;
      height: 100vh;
    }
  }

  @media (max-width: 767px) {
    .image_banner {
      height: 60vh;
      margin-top: -20px;
    }
  }