Enhanced Hero Section - Copy this Html, Bootstrap Component to your project

<header id="hero"> <div class="hero-image"> <img src="admin/uploads/Revised Base Glow.png" alt="GyroRelax Device"> </div> <div class="hero-text-overlay"> <h1 class="hero-headline">Effortless Calm &amp; Focus, Anytime, Anywhere with GyroRelax</h1> <h2 class="hero-subheadline">Your Personal Device for Instant Calm and Focus</h2> <a class="button" href="#newsletter">Join the Waitlist for Exclusive Updates</a> </div> </header> make like this