.wp-block-query {
    container-type: inline-size;

    .columns-3 {
        grid-template-columns: 1fr;

        @container (width > 700px) {
            grid-template-columns: repeat(2, 1fr);
        }

        @container (width > 1024px) {
            grid-template-columns: repeat(3, 1fr);
        }
    }
}