Fix Homepage collage's active photo effect while hover

- Change method and use a class on collage itself fading all photos, then highlight the one being hovered
- For some reason the content inside was conflicting the mouseenter event

src/style/molecules/_photo-card.scss

@@ -34,6 +34,7 @@
         flex-wrap: wrap;
         align-items: center;
         color: $color-cream;
+        pointer-events: none;
         font-size: clamp(#{rem(12px)}, 1.5vw, #{rem(14px)});
 
         @include bp (sm) {