speedclimbing/website

<section id="hero" class="hero-image py-[75px]">
    <h1 class="font-Raleway text-[36px] sm:text-[56px] lg:text-[64px] leading-none mb-[30px]">
        <span class="text-white font-light">Always the latest</span><br />
        <span class="font-bold  text-red">Statistics</span>
    </h1>
</section>

<style>
    .hero-image {
        background-image: linear-gradient(0deg, rgba(17, 24, 39, 0.6), rgba(17, 24, 39, 0.6)),
            url('/images/Hero.webp');
        background-position: 50% 10%;
        background-repeat: no-repeat;
        background-size: cover;
    }
</style>