section.banner-elements{position:relative;z-index:1}section.banner-elements .image{height:100%;position:absolute;right:0;top:0;width:55%;z-index:2}section.banner-elements .triario-logo-movil{display:none}section.banner-elements .image .desktop{display:block}section.banner-elements .image .desktop,section.banner-elements .image .mobile{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}section.banner-elements .image .mobile{display:none}section.banner-elements .overlay{background:#000;background:linear-gradient(90deg,#000 2%,#000 50%,rgba(0,0,0,.704) 65%,rgba(0,0,0,.535) 80%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:3}section.banner-elements .content{padding:80px 0;position:relative;z-index:4}section.banner-elements .content .text{color:#fff;font-size:var(--font-size-h4);margin-bottom:24px}section.banner-elements .content h1{color:#fff}section.banner-elements .content h1 span{color:var(--yellow-color)}@media (max-width:768px){section.banner-elements .triario-logo-movil{display:inline-block;margin-bottom:200px}section.banner-elements .content{padding-top:30px}section.banner-elements .image{height:100%;left:0;top:0;width:100%}section.banner-elements .image .desktop{display:none}section.banner-elements .image .mobile{display:block}section.banner-elements .overlay{background:#000;background:linear-gradient(1turn,#000 2%,#000 50%,rgba(0,0,0,.704) 65%,rgba(0,0,0,.535) 80%)}}