.layout__flex-4-4-4-4 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

@media (min-width: 920px) {
    /* Adjust the min-width as per the 'b5' breakpoint in your Tailwind config */
    .layout__flex-4-4-4-4 {
        flex-direction: row;
    }

    .layout__flex-4-4-4-4 .layout__item {
        width: 25%; /* Represents w-1/4 */
    }
}