Toto zvyčajne nie je problém v CSS, ktoré sme upravovali, ale v tom, ako Elementor Gallery widget funguje na JS úrovni. Bežné príčiny „reskladania“ pri scrolli na mobile:

1. Mobilný browser resize pri scrolle (najčastejšia príčina)
Keď scrollneš na mobile, adresný riadok Safari/Chrome sa skrýva/zobrazuje a mení sa viewport height. To spustí resize event. Ak Elementor Gallery widget beží v skine Justified alebo Masonry (nie „Basic“), tak má JS layout engine (isotope/imagesLoaded), ktorý pri každom resize prepočíta pozície položiek — a keďže naša CSS grid je aplikovaná cez !important navrch, vidíš krátky „blik“ kým sa JS layout prepíše a naša CSS ho znova prebije.

2. Lazy loading obrázkov
Ak majú obrázky loading="lazy", tak sa reálne načítajú až pri vstupe do viewportu — kým sa nenačíta ich skutočná veľkosť, layout môže poskočiť.

3. Entrance animation / Motion Effects
Ak má widget alebo sekcia v Elementore nastavenú „Entrance Animation“ (napr. Fade In, Zoom In) naviazanú na scroll trigger, tak sa pri každom scrollnutí do viewportu animácia spustí znova — čo môže vyzerať ako „reskladanie“.

Aby som to vedel zúžiť, potrebujem vedieť:

1. Aký skin má Gallery widget nastavený v Elementore — Basic, Justified alebo Masonry?
2. Má widget alebo jeho sekcia zapnuté nejaké Motion Effects / Entrance Animation?
3. Vieš na mobile v DevTools (cez remote debugging alebo Chrome DevTools device mode) skontrolovať Network tab, či sa pri scrollnutí na galériu znova sťahujú obrázky?

Ak mi vieš dať odpoveď aspoň na bod 1 a 2, viem ti povedať presné riešenie (zvyčajne stačí prepnúť skin na „Basic“ a vypnúť JS layout engine, keďže aj tak používame vlastný CSS grid).