/*TRIPLE IMAGE BLOCK*/

    /*FIX BLOCK PREVIEW*/

        .acf-block-preview .triple-image-block {
            min-height: 200px;
        }

    /*MAKE IMAGE RELATIVE*/

        .triple-image-block .image {
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            width: 33.333%;
            transition: .25s ease-out;
            overflow: hidden;
        }

        /*POSITION THE BACKGROUND ABSOLUTELY, SIZE AND SET ZINDEX*/

            .triple-image-block .image .background-holder {
                position: absolute;
                top: 0px;
                left: 0px;
                transform: none;
                height: 100%;
                z-index: 10;
                transition: .25s ease-out;
            }

            .triple-image-block .content .background-holder {
                position: absolute;
                top: 0px;
                left: 0px;
                transform: none;
                height: 100%;
                z-index: 10;
                transition: .25s ease-out;
            }

        /*POSITION THE OPTIONAL BORDER ABSOLUTELY, SIZE AND SET ZINDEX*/

            .triple-image-block .image .border-holder {
                position: absolute;
                top: 5%;
                left: 5%;
                width: calc(100% - 10%);
                height: calc(100% - 10%);
                border: 1px solid transparent;
                z-index: 20;
                transition: .25s ease-out;
            }

        /*MAKE THE CENTERING DIV HAVE A HIGHER Z-INDEX THAN THE BACKGROUND AND ADD PADDING*/

            .triple-image-block .image .center {
                position: relative;
                z-index: 30;
                padding-top: 250px;
                padding-bottom: 250px;
            }

            /*SET ALIGNMENT*/

                .triple-image-block.left-align .image .center {
                    display: flex;
                    flex-direction: column;
                    flex-wrap: wrap;
                    justify-content: flex-start;
                    align-items: flex-start;
                }

                .triple-image-block.right-align .image .center {
                    display: flex;
                    flex-direction: column;
                    flex-wrap: wrap;
                    justify-content: flex-end;
                    text-align: right;
                }

                .triple-image-block.center-align .image .center{
                    display: flex;
                    flex-direction: column;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                }

        /*APPLY BORDER ZOOM STYLES IF USED*/

            .triple-image-block.border-zoom .image:hover .background-holder {
                transform: scale(1.5);
                transition: .25s ease-in;
            }

            .triple-image-block.border-zoom .image:hover .border-holder {
                border: 1px solid #FFF;
                transition: .25s ease-in;
            }

        /*EXPANDING BOX*/

            .triple-image-block-expanding .expanded {
                flex-grow: 1;
            }

            .triple-image-block-expanding .collapsed {
                opacity: 0;
                width: 0;
                height: 0;
                visibility: hidden;
                overflow: hidden;
            }

            .triple-image-block-expanding .invisible {
                height: 0%;
                overflow: hidden;
                visibility: hidden;
            }

/*MEDIA QUERIES*/

    @media (max-width: 1400px) {



    }

    @media (max-width: 1200px) {

        .triple-image-block .image {
            position: relative;
            width: 100%;
        }

        .triple-image-block .image .border-holder {
            position: absolute;
            top: 2.5%;
            left: 1.75%;
            width: 96.5%;
            height: 95%;
        }

    }

    @media (max-width: 800px) {

        .triple-image-block.border-zoom .image:hover .background-holder {
            transform: none;
        }

        .triple-image-block.border-zoom .image:hover .border-holder {
            display: none;
        }

    }