/* =========================================================
   HOME HERO BACKGROUND IMAGE
   Gandhinagar Jamatkhana
   ========================================================= */

.jamatkhana-hero-bg {
  position: relative;
  overflow: hidden;
  background-image:
    linear-gradient(
      400deg,
      rgba(250, 246, 235, 0.95) 0%,
      rgba(250, 246, 235, 0.88) 45%,
      rgba(250, 246, 235, 0.65) 100%
    ),
    url("/images/jamatkhana-bg.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Make the right card readable */
.jamatkhana-hero-bg .hero-panel,
.jamatkhana-hero-bg .sacred-panel {
  background: rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Mobile / tablet */
@media (max-width: 1024px) {
  .jamatkhana-hero-bg {
    background-image:
      linear-gradient(
        180deg,
        rgba(250, 246, 235, 0.94) 0%,
        rgba(250, 246, 235, 0.88) 100%
      ),
      url("/images/jamatkhana-bg.webp") !important;
    background-position: center top !important;
  }
}

@media (max-width: 768px) {
  .jamatkhana-hero-bg {
    background-image:
      linear-gradient(
        180deg,
        rgba(250, 246, 235, 0.96) 0%,
        rgba(250, 246, 235, 0.90) 100%
      ),
      url("/images/jamatkhana-bg.webp") !important;
  }
}