body{background-color:#141414;height:100vh;margin:0;display:flex;align-items:center;justify-content:center;gap:clamp(10px,4vw,100px)}body:hover>#trailer{opacity:1}#trailer{height:20px;width:20px;background-color:#fff;border-radius:20px;position:fixed;left:0;top:0;z-index:10000;pointer-events:none;opacity:0;transition:opacity .5s ease;display:grid;place-items:center}#trailer:not([data-type=""])>#trailer-icon{opacity:1}#trailer-icon{font-size:6px;line-height:4px;opacity:0;transition:opacity .4s ease}.interactable{aspect-ratio:1 / 1.5;width:clamp(120px,40vmin,600px);height:clamp(120px,40vmin,600px);background-position:center 50%;background-size:100%;background-repeat:no-repeat;opacity:.4;transition:background-size .4s ease,opacity .4s ease}.interactable:hover{background-size:105%;opacity:.8}