.hero-graphic{width:90%;max-width:900px;height:600px;margin:1rem auto 0;display:flex;align-items:center;justify-content:center;perspective:1000px}.hero-graphic img{object-fit:cover;object-position:center top;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px}.hero-graphic img,.rotating-graphic{width:100%;height:100%;transform-style:preserve-3d}.rotating-graphic{position:relative}.rotate-on-scroll{transform:translate3d(0,var(--translate-y,0),0) rotateX(var(--rotate-x,0deg))}@media (max-width:767px){.hero-graphic{height:320px}}