Dual Flag Header Decoration

<div class="w-full px-5 py-8">
  <style>@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');</style>
  <div class="max-w-[1100px] mx-auto">
    <div class="flex justify-between items-start mb-[-30px]">
      <img src="https://upload.wikimedia.org/wikipedia/commons/2/21/Flag_of_Vietnam.svg" alt="Flag" class="w-[clamp(80px,15vw,180px)] drop-shadow-[2px_4px_10px_rgba(0,0,0,0.5)]" />
      <img src="https://upload.wikimedia.org/wikipedia/commons/2/21/Flag_of_Vietnam.svg" alt="Flag" class="w-[clamp(80px,15vw,180px)] drop-shadow-[2px_4px_10px_rgba(0,0,0,0.5)]" />
    </div>
    <div class="text-center mt-8">
      <h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-2" style="font-family: 'Inter', Arial, sans-serif;">Your Heading Here</h1>
      <p class="text-xl md:text-2xl text-gray-600" style="font-family: 'Inter', Arial, sans-serif;">Supporting text or subtitle</p>
    </div>
  </div>
</div>