/* Default: Mobile (no white text) */
.white-text h1,
.white-text h4,
.white-text p {
  color: inherit; /* Use default color for mobile */
}

/* Desktop: White text */
@media (min-width: 768px) {
  .white-text h1,
  #spotlight-banner .white-text h4,
  .white-text p {
    color: white; /* Apply white text only on desktop */
  }
}

/* Default: No gradient */
.bg-image {
  position: relative;
}

/* Desktop: Apply gradient overlay if 'use_gradient' is true */
@media (min-width: 768px) {
  .gradient-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,0) 75%);
    z-index: 1;
  }

  .gradient-overlay .container {
    position: relative;
    z-index: 2; /* Ensure text is above the gradient */
  }
}

//* Ensure smooth scaling */
@media (max-width: 767px) {
  .scale-on-mobile img {
    transition: transform 0.3s ease;
  }
  .scale-on-mobile {
    overflow:hidden;
  }
}