So there is this bug in the intro where pictures overlap and i think i have an idea why it happens , i haven't seen the code but I'm guessing that when that text shows up a picture representing the magic type appears at set coordinates ( mineral magic - left bottom , mucus - left top , vapor blah blah - right top and water right bottom) and starts moving in a selected way. And location for the picture shows up at is same no matter what, but the time at which it'll will be different each time , because people read at different speed ( and yeah it still happens on auto).
So my suggestion is (if its possible with what ur using) at first spawn pixels, all four at the same time (together with the witch maybe), and change them to magic representing picture later .
Like u have 4 pixels spinning and then when text mentions , for example, mineral magic that pixel that originally spawned at left bottom will change into the picture of a glass or whatever that was.
Sorry if the explanation is hard to understand , im not really good with forming my thoughts + english isn't my first language but i hope it helps if that's what the problem is
(Btw it'd be kinda good to have an ability to unselect the stuff we gather since we have a limit to what we can collect)