#hero-section{h2{font-size:1.5em;color:#313131}}.cards{position:relative;width:100%;height:339px;margin:0 auto;perspective:1000px}.card{position:absolute;top:50%;left:45%;transform-origin:center center;transition:transform .4s ease,z-index .4s ease;box-shadow:0 10px 30px rgba(0,0,0,.1);object-fit:cover}.card,.card img{border-radius:10px}.card--left{transform:translate(-60%,-45%) scale(1.45);z-index:2}.card--center{transform:translate(-35%,20%) scale(1.45);z-index:1}.card--right{transform:translate(-16%,-100%) scale(1.35);z-index:3}@media only screen and (min-width:768px){#hero-section{h2{font-size:2em}}.cards{height:650px}}@media only screen and (min-width:1024px){#hero-section{h2{font-size:1.3em}}.cards{height:500px}}