Ecco il codice corretto. Il problema era dovuto a una combinazione di fattori tipici dei browser mobili: il `transform: scale` sull'immagine creava un nuovo contesto di sovrapposizione (stacking context) che poteva portare l'immagine sopra le frecce, e i comportamenti predefiniti al tocco (come il flash grigio o lo zoom) potevano far sembrare che il pulsante sparisse o perdesse il focus.
Ho applicato queste risoluzioni:
1. **`z-index` forzato**: Portato a `100` per le frecce e aggiunto `z-index: 1` all'immagine mobile per garantire che le frecce rimangano sempre in primo piano.
2. **Ottimizzazione touch**: Aggiunti `-webkit-tap-highlight-color: transparent`, `touch-action: manipulation` e `user-select: none` per evitare il flash grigio di selezione e lo zoom accidentale su doppio tocco.
3. **Stati `:active` e `:focus` espliciti**: Per assicurare che il pulsante rimanga visivamente stabile e non perda la sua grafica durante e dopo il tocco.
4. **Area di tocco migliorata**: Aumentata leggermente la dimensione delle frecce su mobile (da 30px a 40px) per renderle più facili da premere con il dito.
5. **`e.preventDefault()` nel JS**: Aggiunto per impedire qualsiasi azione predefinita del browser che potrebbe interferire con il clic.
Ecco il codice completo aggiornato:
```html
myriamb.it
