#interactive-element {
    transition: transform 0.1s ease-out;
    will-change: transform;
}

/* Hero Background Styling */
.hero-bg {
    background-image: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,1)), 
    url('/assets/images/cathedral-image.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Parallax effect */
}
.swiper { width: 100%; padding-bottom: 50px; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }

/* Title Overlay Styling */
.slide-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: linear-gradient(transparent, rgba(0,0,0,0.8));
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}