Merge pull request #32 from SP-SDU/JavaScript-Animation

Resized images for better performance.

Author: RespectMathias

GameLibrary/Pages/Index.cshtml

@@ -13,7 +13,7 @@
 
     <!-- Hero Section -->
     <div class="hero-section">
-        <img src="~/images/Gamer.webp" class="hero-image" />
+        <img src="~/images/Gamer.webp" class="hero-image" alt="background-image"/>
         <div class="hero-overlay"></div>
         <div class="hero-text">
             <h1 class="hero-title">Discover Our Library</h1>
@@ -31,8 +31,8 @@
         </div>
     </div>
 
-    <img class="RRspaceship" src="/images/RRspaceship.webp" alt="spaceship">
-    <img class="Uspaceship" src="/images/Ufo-spaceship.webp" alt="spaceship1">
+    <img class="RRspaceship" src="/images/RRspaceship.webp" alt="RRspaceship">
+    <img class="Uspaceship" src="/images/Ufo-spaceship.webp" alt="Uspaceship">
 
     <!-- About Section -->
     <div class="about-section">

GameLibrary/wwwroot/css/index.css

@@ -87,7 +87,7 @@
     .hero-text h1 {
         color: #FFD43B;
         margin-top: 3rem;
-        font-size: 4rem;
+        font-size: 3.7rem;
         font-weight: bold;
         text-transform: uppercase;
         line-height: 1.2;
@@ -162,6 +162,7 @@
 
     .scroll-indicator img {
         height: 2rem;
+        width: 2rem;
     }
 
 /* About Section */