.parallax-section {
    position: relative;
    overflow: hidden;
    height: 250px; /* Adjust as needed */
    display: flex;
    align-items: center;
    justify-content: center;
}

.parallax-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160%; /* Must be taller than the section */
    object-fit: cover;
    z-index: 0;
    will-change: transform;
    pointer-events: none;
}

.heading-block {
    position: relative;
    z-index: 1; /* Keep text above the image */
}