.wp-block-query .homepage-loop {
    padding-block: var(--wp--preset--spacing--48-24);
    & li {
        transition: 300ms ease-out;
        border-radius: 1rem;
        background-color: var(--wp--preset--color--background);
    }
    & li:hover {
        box-shadow: var(--wp--preset--shadow--backdrop);
    }


    @media (max-width: 600px) {
        grid-template-columns: 1fr 1fr 1fr !important;
    }
}