figure{position:relative;width:564px;max-width:100%;aspect-ratio:564/296;margin:0 auto 0 auto}figure>img{display:block;position:absolute;width:100%}figure .tooltip{position:absolute;width:53%;top:47.8%;left:25.8%;clip-path:inset(0 0 0 0 round 2%)}[id=controls]{display:flex;justify-content:center;gap:min(3em,5%);padding-bottom:1em}[id=controls] input{text-align:right;width:50px}[id=opaque-tooltip] .tooltip{background-color:#fff}[id=translucent-tooltip] .tooltip{background-color:rgba(255,255,255,.3)}[id=all-blur-tooltip] .tooltip{background-color:rgba(255,255,255,.3);filter:blur(2px)}