.feature_grid_static {
    display: none;
}

@media screen and (min-width: 768px) {
    .feature_grid_static {
        display: flex;
        align-items: flex-end;
        padding: 40px;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: cover !important;
        width: 100%;
        min-height: 244px;
    }

    .feature_grid_static:hover {
        box-shadow: var(--minuba-shadow);
    }

    .feature_grid_static>h3,
    .feature_grid_static>.h3 {
        color: var(--minuba-white);
        margin: 0;
    }

    .feature_grid_last.three_tiles {
        grid-column: span 2;
    }
}

@media screen and (min-width: 1150px) {
    .feature_grid_first {
        grid-column: span 2;
    }

    .feature_grid_last.two_tiles {
        grid-column: span 2;
    }

    .feature_grid_last.three_tiles {
        grid-column: span 3;
    }

    .feature_grid_last.four_tiles {
        grid-area: -3 / -3 / -1 / -1;
    }
}