.wp-block-query {
    &.is-style-masonry {
        .is-style-masonry-layout {
            grid-template-columns: repeat(4, minmax(0, 1fr));

            .wp-block-post {
                grid-row: unset;

                .wp-block-cover {
                    min-height: 278px !important;

                    > .wp-block-cover__inner-container {
                        > .wp-block-group {
                            > .wp-block-post-terms {
                                padding-left: var(--wp--preset--spacing--small-quaternary) !important;
                            }
                            > .wp-block-group {
                                padding: var(--wp--preset--spacing--small-quaternary) !important;
                            }
                        }
                    }

                    h2 {
                        font-size: var(--wp--preset--font-size--h-3) !important;
                    }
                }
                
                &:nth-child(1) {
                    grid-column: 1 / 3;
                    grid-row: 1 / 3;

                    .wp-block-cover {
                        min-height: 586px !important;

                        > .wp-block-cover__inner-container {
                            > .wp-block-group {
                                > .wp-block-post-terms {
                                    padding-left: var(--wp--preset--spacing--medium-primary) !important;
                                }
                                > .wp-block-group {
                                    padding: var(--wp--preset--spacing--medium-primary) !important;
                                }
                            }
                        }
    
                        h2 {
                            font-size: var(--wp--preset--font-size--h-2) !important;
                        }
                    }
                }

                &:nth-child(2),
                &:nth-child(3),
                &:nth-child(4) {
                    grid-column: 3 / 5;
                    grid-row: 2 / 2;

                    
                }

                &:nth-child(2) {
                    grid-column: 3 / 4;
                    grid-row: 1 / 2;
                }

                &:nth-child(3) {
                    grid-column: 4 / 4;
                    grid-row: 1 / 2;
                }

                &:nth-child(4) {
                    grid-column: 3 / 5;
                    grid-row: 2 / 2;
                }
            }
        }
    }

    .wp-block-cover {
        .wp-block-cover__image-background {
            transition: all 0.25s ease-in-out;
        }

        &:hover {
            .wp-block-cover__image-background {
                transform: scale(1.25);
            }
        }
    }
}

@media screen and (max-width: 781px) {
    .wp-block-query {
        &.is-style-masonry {
            .is-style-masonry-layout {
                grid-template-columns: repeat(4, minmax(0, 1fr));
                display: flex;
                flex-direction: column;
                gap: 30px;
    
                .wp-block-post {
                    grid-row: unset;

                    &:first-child {
                        .wp-block-cover {
                            min-height: 270px !important;
                        }
                    }
    
                    .wp-block-cover {
                        min-height: 270px !important;
                    }
                }
            }
        }
    }
}

@media screen and (min-width: 782px) and (max-width: 991px) {
    .wp-block-query {
        &.is-style-masonry {
            .is-style-masonry-layout {
                .wp-block-post {
                    &:nth-child(1) {
                        .wp-block-cover {
                            min-height: 583px !important;
                        }
                    }
                }
            }
        }
    }
}