There's a typo on img/overaly -> img/overlay.

there are two spots in the code using this.

• an img on line 65 on main.js
• an img on line 82 on public/main.js

The name tag of the creature will stay on top of all elements when clicked on.

Lines 40-51 in creatureGrid.js

const fish = creatures.filter(
    (creaturez) => creaturez.sourceSheet === 'Fish'
  );
const insect = creatures.filter(
  (creaturez) => creaturez.sourceSheet === 'Insects'
);
const seaCreature = creatures.filter(
  (creaturez) => creaturez.sourceSheet === 'Sea Creatures'
);
const villager = creatures.filter(
  (creaturez) => creaturez.sourceSheet === 'Villagers'
);

You can use creatures here even if you set it on line 12 because the scope of each new variable is limited to the block so there will never be a collision. Check it out!