.main .bannerImg {
    z-index: 2;
}

.main .bannerSection .top {
    z-index: 1;
    position: relative;
}

.main .entShowcase {
    top: 0;
    height: 100%;
    z-index: 1;
    position: relative;
}

.main .bannerText {
    z-index: 2;
}

.main .bannerText p,
.main .bannerText h1 {
    color: white;
}

.main .entShowcase img {
    object-fit: cover;
    position: relative;
}

.main .bannerText::after {
    display: none;
}

@media screen and (min-width: 860px) {

    .main .bannerText {
        min-width: 60vw;
        padding-right: 2%;
    }

    .main .entShowcase {
        right: 0;
        width: 100%;
    }

    @media screen and (max-width: 1380px) {

        .main .bannerText {
            min-width: 55vw;
        }

        .main .entShowcase.anim {
          right: 0;
        }
    
        .main .entShowcase {
          right: -2vw;
        }

    }

    @media screen and (max-width: 1180px) {

        .main .bannerText {
            min-width: 52vw;
        }

        .main .entShowcase.anim {
          right: -2vw;
        }
    
        .main .entShowcase {
          right: -4.5vw;
        }
    }

    @media screen and (max-width: 1040px) {

      .main .bannerText {
          min-width: 50vw;
      }

      .main .bannerText p {
        font-size: 11px;
        line-height: 16px;
      }
  }

    @media screen and (max-width: 980px) {

        .main .bannerText {
            min-width: 54vw;
        }

        .main .bannerText p {
          font-size: 11px;
          line-height: 16px;
        }

        .main .entShowcase.anim {
          right: -12vw;
        }
    
        .main .entShowcase {
          right: -14.5vw;
        }
    }

    @media screen and (max-width: 800px) {

      .main .bannerText {
          min-width: 52vw;
      }

      .main .entShowcase.anim {
        right: -12vw;
      }
  
      .main .entShowcase {
        right: -14.5vw;
      }
  }

    .main .entShowcase img {
        position: absolute;
        top: -18%;
        right: 0;
        height: 130%;
        width: auto;
    }

}

@media screen and (max-width: 859px) {

    .main .bannerSection .topGradient {
        top: 0;
        left: 0;
        width: 120%;
        height: 80vh;
    }

    .main .bannerText {
        background-color: transparent;
    }

    .main .entShowcase {
        right: -3vw;
        top: 0;
        height: 35vh;
        overflow: hidden;
        background-color: black;
    }

    .main .entShowcase.anim {
        right: 0;
    }

    .main .entShowcase img {
        position: relative;
        height: 140%;
        left: -25%;
        top: -30%;
        width: auto;
    }

}