.cards--feature-grid .cards-outer-cards {
            
            min-height: 25px;
            min-width: 25px;
            flex: 1 0 33%;
            overflow: hidden;
            position: relative;

        }

            .cards--feature-grid .cards-outer-cards:first-of-type {

                display: grid;
                grid-template-rows: 250px 250px 250px;
                grid-template-columns: 1fr 1fr;
            }

            .cards--feature-grid .cards-outer-cards:first-of-type .cards-outer-cards-card:first-of-type {
                        grid-row: 1/3;
                        grid-column: 1/3;
                    }

            .cards--feature-grid .cards-outer-cards:first-of-type .cards-outer-cards-card:nth-of-type(2) {
                        grid-row: 3;
                        grid-column: 1/1;
                    }

            .cards--feature-grid .cards-outer-cards:first-of-type .cards-outer-cards-card:last-of-type {
                        grid-row: 3;
                        grid-column: 2;
                    }

            .cards--feature-grid .cards-outer-cards:nth-of-type(2) {

                display: grid;
                grid-template-rows: 750px;
                grid-template-columns: 1fr;
            }

            .cards--feature-grid .cards-outer-cards:nth-of-type(2) .cards-outer-cards-card {
                    grid-row: 1;
                    grid-column: 1/1;
                }

            .cards--feature-grid .cards-outer-cards:last-of-type {

                display: grid;
                grid-template-rows: 250px 250px 250px;
                grid-template-columns: 1fr 1fr;
            }

            .cards--feature-grid .cards-outer-cards:last-of-type .cards-outer-cards-card {

                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                }

            .cards--feature-grid .cards-outer-cards:last-of-type .cards-outer-cards-card:first-of-type {
                        grid-row: 1;
                        grid-column: 1/1;
                    }

            .cards--feature-grid .cards-outer-cards:last-of-type .cards-outer-cards-card:nth-of-type(2) {
                        grid-row: 1;
                        grid-column: 2/2;
                    }

            .cards--feature-grid .cards-outer-cards:last-of-type .cards-outer-cards-card:last-of-type {
                        grid-row: 2;
                        grid-column: 1/3;
                    }

            .cards--feature-grid .cards-outer-cards .cards-outer-cards-card {
                overflow: hidden;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
            }

            .cards--feature-grid .cards-outer-cards .cards-outer-cards-card .card-content {
                    color: #fff;
                    position: absolute;
                    overflow: hidden;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0;
                }

            .cards--feature-grid .cards-outer-cards .cards-outer-cards-card .card-content .card-image {
                        z-index: var(--layer-zero);
                        position: relative;
                        min-height: 250px;
                        height: 100%;
                    }

            .cards--feature-grid .cards-outer-cards .cards-outer-cards-card .card-content .card-image.image-cover {
                            aspect-ratio: unset;
                        }

            .cards--feature-grid .cards-outer-cards .cards-outer-cards-card .card-content .card-image.image-cover img {
                                position: absolute;
                                height: 100%;
                                width: 100%;
                                top: 0;
                                left: 0;
                            }

            .cards--feature-grid .cards-outer-cards .cards-outer-cards-card .card-content .card-text {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        z-index: var(--layer-short);
                    }

            .cards--feature-grid .cards-outer-cards .cards-outer-cards-card .card-content .card-text--centered {
                            
                            top: 0;
                            left: 0;
                            bottom: 0;
                            right: 0;
                            position: absolute;
        
                        }