img{--s: 10px;padding:var(--s);border:calc(2*var(--s)) solid #0000;outline:1px solid #000;outline-offset:calc(-1*var(--s));background:conic-gradient(from 90deg at 1px 1px,#0000 25%,#000 0);max-height:45vh;display:block}body{margin:0;height:100vh;display:grid;place-content:center;background:pink}.carousel{display:grid;gap:12px;justify-items:center}.dots{display:flex;gap:8px}.dot{width:9px;height:9px;border:0;border-radius:50%;background:#000;opacity:.35;cursor:pointer;padding:0}.dot.is-active{opacity:1}