/*PARALLAX TEXT BLOCK*/

    .parallax-text-block {
        position: relative;
    }

    /*FIX BLOCK PREVIEW*/

        .acf-block-preview .parallax-text-block {
            background: #2f2f2f;
        }

        .acf-block-preview .parallax-text::after {
            content: 'Parallax Text';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            font-family: "Arial", sans-serif;
            font-size: 72pt;
            color: #FFF;
            text-transform: uppercase;
        }

        .parallax-text-block {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            grid-template-rows: repeat(8, 1fr);
            grid-column-gap: 0px;
            grid-row-gap: 0px;
        }

        .parallax-text-holder-1 {  grid-area: 1 / 2 / 4 / 5; }
        .parallax-image-holder-1 { grid-area: 4 / 2 / 9 / 6; }
        .parallax-image-holder-2 { grid-area: 1 / 7 / 7 / 13; }
        .parallax-image-holder-3 { grid-area: 3 / 4 / 8 / 9; }
        .parallax-text-holder-2 { grid-area: 7 / 9 / 13 / 12; }

        .parallax-image-holder {
            position: relative;
            transform: translateY(0); /* Ensures proper initialization */
            height: 400px;
        }

        .parallax-image-holder-1 {
            height: 500px;
            z-index: 1;
        }

        .parallax-image-holder-2 {
            height: 800px;
        }

        .parallax-image-holder-3 {
            height: 600px;
        }

        .parallax-text-holder p {
            max-width: 70ch;
        }

        .parallax-text-holder-2 {
            padding-top: 100px;
        }

/*MEDIA QUERIES*/

    @media (max-width: 1300px) {

        .parallax-text-holder-1 {
            grid-area: 1 / 2 / 3 / 5;
            padding-bottom: 25px;
        }

        .parallax-text-holder-2 {
            padding-top: 25px;
        }

    }

    @media (max-width: 1050px) {

        .parallax-text-block {
            padding-top: 50px !important;
            padding-bottom: 0px !important;
            display: flex;
            flex-direction: column;
            grid-template-columns: none;
            grid-template-rows: none;
            grid-column-gap: 0px;
            grid-row-gap: 0px;
        }

        .parallax-text-holder {
            padding: 25px;
        }

        .parallax-image-holder {
            height: 33.3vh;
        }

    }

    @media (max-width: 800px) {



    }