.mc-tilt{position:relative;transform-style:preserve-3d;will-change:transform}.mc-tilt [data-depth]{display:inline-block}.mc-tilt-demo{background:#f6efe6;color:#2a2118}.mc-tilt-demo__copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;text-align:center;font:400 clamp(26px,4.4vw,46px)/1.05 Georgia,"Times New Roman",serif;pointer-events:none}.mc-tilt-demo__item{position:absolute;border-radius:14px;box-shadow:0 18px 40px -18px #2a211873;cursor:pointer}.mc-tilt-demo__item img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.mc-tilt-demo__tag{position:absolute;left:10px;bottom:10px;padding:5px 9px;border-radius:999px;background:#fff;font-size:12px;font-weight:500;box-shadow:0 6px 14px #00000026}.mc-tilt-demo__item--a{left:7%;top:12%;width:clamp(110px,17%,170px);aspect-ratio:4 / 5}.mc-tilt-demo__item--b{right:8%;top:16%;width:clamp(96px,14%,140px);aspect-ratio:3 / 4}.mc-tilt-demo__item--c{left:64%;bottom:7%;width:clamp(110px,16%,160px);aspect-ratio:1}.mc-tilt-demo__hint{position:absolute;left:0;right:0;bottom:10px;margin:0;text-align:center;font-size:11px;opacity:.55}@container (max-width: 600px){.mc-tilt-demo__copy{top:47%}.mc-tilt-demo__item--a{left:5%;top:4%}.mc-tilt-demo__item--b{right:5%;top:5%}.mc-tilt-demo__item--c{left:30%;bottom:12%}}
