.hero-container{align-items:center;display:flex;height:700px;position:relative;z-index:1}.hero-container,.hero-container:before{background-color:var(--color-filter-image);width:100%}.hero-container:before{content:"";height:100%;left:0;position:absolute;top:0;z-index:-1}#title-hero{padding:20px}@media (min-width:768px){#title-hero{padding:110px}}