section.image-banner {
    .bg-image {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        max-width: 100vw;
        height: 300px;
        &:before{
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 1;
          background: rgb(104, 30, 119);
          background: linear-gradient(90deg, rgba(104, 30, 119, 1) 0%, rgba(104, 30, 119, 1) 25%, rgba(104, 30, 119, 0.9) 35%, rgba(104, 30, 119, 0.8) 40%, rgba(104, 30, 119, 0.7) 45%, rgba(104, 30, 119, 0.5) 58%, rgba(104, 30, 119, 0.2) 65%, rgba(104, 30, 119, 0.11) 100%);
        }
        @media (max-width:991px) {
            height: 200px;
          }
          @media (max-width:768px) {
            height: 150px;
          }
        .fullBannercontent {
            top: 50%;
            left: 0%;
            transform: translate(0%, -50%);
            text-align: center;
            z-index: 1;
            @media (min-width:768px) {
              max-width: 640px !important;
            }
        }
    }
}