@php
    $heroBackground = $background_image ? Storage::url($background_image) : asset('img/HeroImageRight.webp');
@endphp

<div class="hero-bg p-0" id="heroBackground" style="background-image: url('{{ $heroBackground }}');">
    <div class="container">
        <div class="row align-items-center justify-content-start min-vh-100">
            <div class="col-12 col-lg-6 hero-text">
                <h1 style="z-index: 0;" class="display-5 text-white hero-text-mobile">{{ $header }}</h1>
                <p class="lead text-white">
                {!! $content !!}
                </p>
            </div>
        </div>
    </div>
    @if ($feature_image)
    <div role="img" class="p-0 bottom-design" aria-label="Bottom Design" id="bottomDesign">
         <img src="{{ Storage::url($feature_image) }}" alt="Bottom Design">
    </div>
    @endif
</div>
<div class="mobile-overlay d-lg-none"></div>