.info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-collapse: collapse;
    table-layout: fixed;

    > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        text-align: center;
        background-color: #fff;
        border: 1px solid #eee;
        padding: 2rem;

        &:nth-last-of-type(odd) {
            background-color: #eee;
            border: .5rem solid #fff;
        }
    }

    @media (max-width: 768px) {
        & {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width: 568px) {
        & {
            grid-template-columns: 1fr;
        }
    }
}