.hero-main {
    position: relative;
    /* background: url('../../images/gallery_images/img3.jpg') !important; */
    background: url(../../images/epic_fishing/epic_fishing.jpg);
    /* background: url('https://lh3.googleusercontent.com/pw/ABLVV87LbuwS85EHkkEG-97F84oSrxSJgpIEIP8FluDB_UYH-6RYvtGT19OquuSGNJPBg0Ngn8KVeF_hpT5Zv2EqDXk9HMFHTrHL9zykzZmr1tfFHkQPMcBe_ozOHf1rD2e_Y6sk1fPuNXJ-lYhnRfPHjnpz_XHgllsarieGey5xBAbdQ97mB_k-RzTdNK4OJIFdcDM40Vgg5oapTNMCZzX48Te9-SN66QhAVIoRwomAZp-bVTBB8piJpLRpav1KgN-5hkBUXvMYVcP2Qum37bT4AM27eydhVWS3CSIyW2916S7J5JP2Y-gOriJQ-6A3JH7gw8D0-vXiKs6i8dDxmvr34lk24uId781tQU2y8qAOVAdQXfbsHoOQDe3oJ5uyyUP1RfEHkqf6rM2gxyKtqml1UmgzwfKgQM91ZvpZRdPBfowIgoXPqNkzDLO-QAdcoB3bL3F9DS4_ilVD2837iIkskYqv_efU3AxSuGuY8HXcgq77H6gG75LAcdXTF6SqKLg5wOG2l6EbXbma2H3I9trH6Yn4zNacU0GM1g5OWNkNq-51FNABzdD0tZq8qRTyfI1B4CLbVPaFNYCVWLLxUhyy4BI8uNmkRi_UG93UY6SRUlyKT3c55ZH5k5MjUITQszqVFvXUmAs6glEXgKkz-_KYjHx1jhpjqCJtJDzW7CWR09hHsP90lVx0gxj_xUaKiXGLx0t9hcgcqdOT2YaEz7H5vv94YD_PgORAAFUCxJOlAsVw0-FjaoixNcR6rLnLpkdsL1G-q2Gw72xkIaqfk1QC69XUK_zPYEdgfIe_jSPx29ltnPOqJSvY25L8nwwFWJZvzfvH50JIApJsXjPNjM3BTerkIaI_qMi47WfsYuTEWcmeSrfa6oYkrX6kPb3jGMjHgA=w918-h612-s-no-gm?authuser=0') !important; */

    /* height: 653px; */
    position: relative;
    min-height: 400px;
    /* min-height: 700px; */
    border-radius: 1.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    /* margin-top: 5rem; */
    /* position: relative; */
    width: 100%;
    /* top: 5rem; */
    left: 0;
    z-index: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    animation: fade-In 1s ease-in;
  -webkit-animation: fade-In 1s ease-in;
  -moz-animation: fade-In 1s ease-in;
  -o-animation: fade-In 1s ease-in;
  -ms-animation: fade-In 1s ease-in;
    
  }
  
  
  
.hero-main::before,
.hero-main::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 50%; /* Adjust this value to control the gradient height */
  z-index: 0;
}

.hero-main::before {
    top: 0;
    border-radius: 1.25rem 1.25rem 0rem 0rem;
    /* background: linear-gradient(174deg, #18214B 0%, rgba(24, 33, 75, 0.10) 50.69%, rgba(24, 33, 75, 0.00) 100%); */
  }
  
  .hero-main::after {
    bottom: 0;
    border-radius: 0rem 0rem 1.25rem 1.25rem;
    /* background: linear-gradient(0deg, #18214B 0%, rgba(24, 33, 75, 0.00) 68.70%, rgba(24, 33, 75, 0.00) 100%); */
  }
  .hero-main::before,
  .hero-main::after {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  

/* Adjust font size for high DPI screens */
@media only screen and (min-resolution: 144dpi) {
  .overlay-text h4 {
      font-size: 20px;
      line-height: 22px;
  }
}

/* Adjust font size for high DPI screens */
@media only screen and (min-device-pixel-ratio: 1.5) {
  .overlay-text h4 {
      font-size: 20px;
      line-height: 22px;
  }
}

/* Adjust font size for screens with width 818px and height 655px */
@media only screen and (max-width: 950px) {
   h4 {
      font-size: 20px;
      line-height: 22px;
  }
}

.experience-gallery img {
  cursor: pointer;
}
.experience-gallery h4 {
  cursor: pointer;
}