/* Lazy Loading Styles for Background Images */

/* Fade-in animation for lazy-loaded images */
.lazy-loading {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.lazy-loaded {
  opacity: 1;
}

/* Optional: Add loading skeleton/placeholder background */
.lazy-loading[style*="background-image"] {
  background-size: cover;
  background-position: center;
}

/* Ensure images load smoothly without layout shift */
.ftco-animate,
.tour-wrap,
.media,
.img {
  position: relative;
}