<header class="kyamc-header-container">
    <!-- Top Green Bar with Orange Line -->
    <div class="kyamc-top-bar"></div>

    <!-- Overlapping Centered Logo -->
    <img src="{{ asset('backend/assets/img/kyamclogo.png') }}" alt="Journal Logo" class="kyamc-logo">

    <!-- Bottom Area with Title (Like "NEWS & EVENTS" in your image) -->
    <div class="kyamc-bottom-bar">
        <h1 class="kyamc-title">KYAMC Journal</h1>
    </div>
</header>