banner.css

/* Under minified css inside style tag */ 

.carousel-footer {pointer-events: none;-webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;}
        @media screen and (min-width: 1024px){
            html,body{height: 100%;}
            #Project {min-height:initial;height: 100%;position: relative;}
            .carousel-wrap, .carousel-wrap .cont,
            div[class^='carousel-banner-group-'] {position: relative;min-height: initial;height: 100%;}
            .slick-prev, .slick-next {top: 40%; transform: translateY(-60%);z-index: 20;}
            .carousel-footer {height: initial; padding-bottom: 50px;}
            .carousel-footer .description.-left,
            .carousel-footer .description.-right {
                padding: 65px 25px 90px;}}
        @media screen and (max-width: 1024px){
            div[class^=carousel-banner-group-] .img-wrap { position: relative; }
            div[class^=carousel-banner-group-] .img-wrap:after {
                content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%;
                pointer-events: none;-webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;
                background: linear-gradient(0deg,#fff 0,#fff 50%,rgba(255,255,255,0) 100%);}}
        @media screen and (max-width: 820px){
            div[class^=carousel-banner-group-] .img-wrap:after { height: 53%; }
            .carousel-footer .description.-left,
            .carousel-footer .description.-right {
                padding: 90px 25px 40px;}}
        @media screen and (max-width: 768px){
            div[class^=carousel-banner-group-] .img-wrap:after { height: 40%;}
            .carousel-footer .description.-left,
            .carousel-footer .description.-right {
                padding: 20px 15px 10px;}}
            .carousel-footer .description.-left{padding-top: 100px;}
        @media screen and (max-width: 667px){
            .carousel-footer .description.-left,
            .carousel-footer .description.-right {
                padding: 20px 15px 20px;}}