.metal-roof-wrapper{background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;min-height:475px;padding:2.5rem;position:relative;width:100%}.metal-roof-content{align-items:flex-start;background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;height:auto;justify-content:space-between;padding:1.5rem;width:50%;z-index:1}@media (max-width:768px){.metal-roof-wrapper{flex-direction:column;min-height:420px;overflow:hidden;padding:1.5rem}.metal-roof-content{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);box-shadow:0 4px 6px rgba(0,0,0,.1);padding:1.25rem;width:100%}}