/* =========================================================
   ARENA UI — BACKGROUND IMAGE SYSTEM
   (3A nel tuo CSS originale)
   Mobile-first, fade-in via .bg-ready
========================================================= */

.ar-bg-image {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  opacity: 0;
  transition: opacity .6s ease;
}

.ar-bg-image.bg-ready {
  opacity: 1;
}