@php
    if (isset($tablet_image) && isTablet()) {
        $bannerImage = $tablet_image;
    } elseif (isset($mobile_image_url) && isMobile()) {
        $bannerImage = $mobile_image_url;
    } else {
        $bannerImage = $image_url;
    }
@endphp

<section class="mini-banner" style="background-image: url({{ asset("storage/{$bannerImage}") }})">
    <div class="container">
         @if(!empty($sub))
        <div class="mini-banner__subtitle">
            <svg width="13" height="17" viewBox="0 0 13 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="2.87209" height="17.2325" transform="matrix(1 0 -0.371391 0.928477 9.99023 0.5)" fill="#B19B7D" fill-opacity="0.5"/>
                <rect width="2.87209" height="17.2325" transform="matrix(1 0 -0.371391 0.928477 6.40039 0.5)" fill="#B19B7D"/>
            </svg>
            <p>{{$sub}}</p>
        </div>
        @endif
        @if(!empty($title))
            <div class="mini-banner__title">
                {!! $title !!}
            </div>
        @endif
    </div>
</section>