.row{display:grid;gap:12px;grid-template-columns:1fr;place-items:center;position:relative}.slide{box-sizing:border-box;display:none;height:220px;object-fit:contain;padding:12px;width:min(100%,320px)}.slide.active{display:block}.controls{align-items:center;display:flex;justify-content:space-between;left:0;margin:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.controls button{background:transparent;border:0;font-size:24px;line-height:1;padding:8px 12px;pointer-events:auto}@media (min-width:768px){.row{grid-template-columns:repeat(3,1fr)}.slide{display:block}.controls{display:none}}