The variant's image is placed in position #1 in the product image carousel
The product image carousel scrolls to position #1 so the variant's image is in view
There appears to be a bug with step #4 when on mobile. You select a variant, but the variant's image is not scrolled into view. The carousel gets stuck on position #2. You can try this on this website: https://cleverwarehouse.com/products/magical-eyebrows-eyebrow-stamp-kit - when on mobile, just keep selecting different variants and you'll see the carousel gets messed up.