<div class="mirage-flip-container">
  <input type="checkbox" id="mirage-flip" class="hidden" />
  <label for="mirage-flip" class="flip-card-wrapper">
    <div class="flip-card">
      <div class="flip-card-inner">
        <div class="flip-card-front">
          <span class="desert-scene">🏜️</span>
        </div>
        <div class="flip-card-back">
          <span class="water-scene">🌊</span>
        </div>
      </div>
    </div>
    <span class="mirage-text">Mirage Effect</span>
  </label>
</div>