Update index.html

Author: DannyDevSe

index.html

@@ -105,42 +105,46 @@
 		</nav>
 
 		<header>
-			<section id="support-us" class="hero is-halfheight" style="position: relative; overflow: hidden">
+			<section id="support-us" class="hero is-small is-relative" style="overflow: hidden">
+				<img
+					src="src/assets/rednight.webp"
+					alt="Rednight Background"
+					style="position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0"
+				/>
+				<!-- <section class="hero is-halfheight" style="position: relative; overflow: hidden">
 				<picture style="position: absolute; inset: 0; z-index: -1">
 					<source srcset="src/assets/rednight.webp" type="image/webp" />
 					<img
-						src="src/assets/rednight.jpg"
+						src="src/assets/rednight.webp"
 						alt="Night sky"
 						style="width: 100%; height: 100%; object-fit: cover"
 					/>
-				</picture>
-				<div class="fixed-grid has-5-cols">
+				</picture> -->
+				<div class="hero-body fixed-grid has-5-cols" style="position: relative; z-index: 1;">
 					<div class="grid">
-						<div class="cell is-hidden-mobile"></div>
-						<div class="cell py-6 is-col-span-12 is-col-span-3-tablet"><br /><br /></div>
+						<div class=" cell is-hidden-mobile"></div>
+						<div class=" cell py-6 is-col-span-12 is-col-span-3-tablet"><br /><br /></div>
 
-						<!-- <div class="box cell py-6 is-col-span-12 is-col-span-3-tablet"></div> -->
+						<div class=" cell py-6 is-hidden-mobile"></div>
+						<div class=" cell is-hidden-mobile"></div>
 
-						<div class="cell py-6 is-hidden-mobile"></div>
-						<div class="cell is-hidden-mobile"></div>
-
-						<div class="cell is-col-span-12 is-col-span-3-tablet">
+						<div class=" cell is-col-span-12 is-col-span-3-tablet">
 							<h1 class="title has-text-white has-text-centered-mobile">Support us</h1>
 						</div>
 
-						<div class="cell is-hidden-mobile"></div>
-						<div class="cell is-hidden-mobile"></div>
+						<div class=" cell is-hidden-mobile"></div>
+						<div class=" cell is-hidden-mobile"></div>
 
-						<div class="cell is-col-span-12 is-col-span-3-tablet">
+						<div class=" cell is-col-span-12 is-col-span-3-tablet">
 							<p class="subtitle has-text-white has-text-centered-mobile">
 								The best way to support our work
 								<br />
 								is by becoming a YouTube Supporter.
 							</p>
 						</div>
-						<div class="cell is-hidden-mobile"></div>
-						<div class="cell is-hidden-mobile"></div>
-						<div class="cell is-col-span-12 is-col-span-3-tablet has-text-centered-mobile">
+						<div class=" cell is-hidden-mobile"></div>
+						<div class=" cell is-hidden-mobile"></div>
+						<div class=" cell is-col-span-12 is-col-span-3-tablet has-text-centered-mobile">
 							<div class="has-text-left-tablet">
 								<a
 									class="button is-danger has-text-white"
@@ -158,7 +162,8 @@ <h1 class="title has-text-white has-text-centered-mobile">Support us</h1>
 								</a>
 							</div>
 						</div>
-						<div class="cell is-hidden-mobile"></div>
+						<div class=" cell is-hidden-mobile"></div>
+						<div class=" cell py-6 is-col-span-12 is-col-span-3-tablet has-text-centered-mobile"></div>
 					</div>
 				</div>
 			</section>