.hero{background:url(/_next/static/media/hero-bg.a4322867.jpeg) no-repeat;background-size:cover;height:100vh;background-position:50%;position:relative}.hero:before{content:"";z-index:1;display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.45)}.hero *{position:relative;z-index:2}.hero-content{border-radius:.5rem;background-color:rgba(238,245,252,.35);width:70%;height:60%}.rounded-bg{height:20rem;width:20rem;box-shadow:0 4px 8px rgba(0,0,0,.2)}.work-bg{margin-top:3rem;margin-bottom:3rem;align-items:center;justify-content:center}@media screen and (max-width:768px){.hero-content{width:80%;height:80%}}