/*IMAGE EXPAND BLOCK*/

	.image-expand-block {
		position: relative;
		overflow: hidden;
	}

	/*FIX BLOCK PREVIEW*/

        .acf-block-preview .image-expand-block {
            background: #2f2f2f !important;
            overflow: hidden;
            height: 200px;
        }

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

        .acf-block-preview .image-expand-block div {
            display: none;
        }

/*IMAGE EXPAND*/

    .image-expand-block {
        overflow: hidden;
    }

    /*SETUP THE GRID*/

        .image-expand-block .image-expand-grid {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
            grid-template-rows: 1fr 1fr 1fr;
            gap: 25px 25px;
            grid-auto-flow: row;
        }

        .image-01 {
            grid-column-start: 2;
            grid-column-end: 8;
        }

        .image-02 {
            grid-column-start: 1;
            grid-column-end: 3;
        }

        .image-03 {
            grid-column-start: 3;
            grid-column-end: 6;
        }

        .image-03:has(video) {
            background: none !important;
        }

        .image-03 video {
            object-fit: cover;
        }

        .image-04 {
            grid-column-start: 6;
            grid-column-end: 8;
        }

        .image-05 {
            grid-column-start: 2;
            grid-column-end: 5;
        }

        .image-06 {
            grid-column-start: 5;
            grid-column-end: 7;
        }

/*MEDIA QUERIES*/

    @media (max-width: 1400px) {



    }

    @media (max-width: 1200px) {

        .image-expand-block {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }

        .image-expand-block .image-expand-grid {
            display: block;
        }

        .image-expand-block .center-alt {
            width: 100% !important;
        }

        .image {
            display: none;
        }

        .image-03 {
            display: block;
            grid-column-start: 1;
            grid-column-end: 8;
            height: 50vh !important;
        }

    }

    @media (max-width: 800px) {



    }