On the projects page (and possibly others) all images have loading="lazy" set.
Isotope calculated the layout after the page is loaded (and 1 second and 5 seconds after that).
Because the img tags do not have a height set and are lazy loaded, their height is assumed 0.
When the user scrolls down, the images are loaded but the layout is not recalculated by isotope, leading to results like the following:
On the projects page (and possibly others) all images have
loading="lazy"
set. Isotope calculated the layout after the page is loaded (and 1 second and 5 seconds after that). Because theimg
tags do not have a height set and are lazy loaded, their height is assumed0
. When the user scrolls down, the images are loaded but the layout is not recalculated by isotope, leading to results like the following: