refactor: up the images resolution for arts and photo section headers

index.html

@@ -268,6 +268,15 @@
                             <img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform ease-out duration-[var(--transform-duration,150ms)]"
                                 alt="" src="./static/assets/photos/photo_trains.jpg" data-section-image="photos" data-slide="5"
                                 data-photo="photo_trains" />
+                            <img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform ease-out duration-[var(--transform-duration,150ms)]"
+                                alt="" src="./static/assets/photos/photo_train_on_bridge.jpg" data-section-image="photos" data-slide="6"
+                                data-photo="photo_train_on_bridge" />
+                            <img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform ease-out duration-[var(--transform-duration,150ms)]"
+                                alt="" src="./static/assets/photos/photo_tower_night.jpg" data-section-image="photos" data-slide="7"
+                                data-photo="photo_tower_night" />
+                            <img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform ease-out duration-[var(--transform-duration,150ms)]"
+                                alt="" src="./static/assets/photos/photo_leaf_macro.jpg" data-section-image="photos" data-slide="8"
+                                data-photo="photo_leaf_macro" />
                             <p class="font-bold text-4xl p-[8px] w-full h-full bg-black bg-opacity-20 flex items-end justify-end">PHOTOS</p>
                         </div>
                     </div>
@@ -330,6 +339,12 @@
                             <img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform ease-out duration-[var(--transform-duration,150ms)]"
                                 alt="" src="./static/assets/arts/art_cheeseoncheese.jpg" data-section-image="arts"
                                 data-slide="7" data-photo="art_cheeseoncheese" />
+                            <img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform ease-out duration-[var(--transform-duration,150ms)]"
+                                alt="" src="./static/assets/arts/art_tail.jpg" data-section-image="arts"
+                                data-slide="8" data-photo="art_tail" />
+                            <img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform ease-out duration-[var(--transform-duration,150ms)]"
+                                alt="" src="./static/assets/arts/art_newyear.jpg" data-section-image="arts"
+                                data-slide="9" data-photo="art_newyear" />
                             <p
                                 class="font-bold text-4xl p-[8px] w-full h-full bg-black bg-opacity-20 flex items-end justify-end">
                                 ARTS</p>