@media (max-width: 991.98px) {
    #semCards.cardGroup--alternatingNavyStart .cardGroup-card-content {
        padding: 0 1rem 2rem 1rem;
        margin-top: 1rem;
    }
    #semCards .cardGroup-card {
        grid-template-areas:
            "imageContent imageContent imageContent ."
            ". . textContent ."
            ". . . bottomRightMargin";
        grid-template-columns: 3rem 3rem 1fr 3rem;
        grid-template-rows: max-content max-content 0;
        column-gap: 0;
        row-gap: 2rem;
    }
    
    #semCards .cardGroup-card::before {
        grid-area: imageContent-start/imageContent-start/bottomRightMargin-end/bottomRightMargin-end;
        margin-top: 3rem;
        margin-left: 2rem;
    }
    
}

@media (max-width: 575.98px) {
    #semCards.cardGroup--alternatingNavyStart .cardGroup-card {
        grid-template-columns: 2rem 1rem 1fr 1rem;
    }
    #semCards.cardGroup--alternatingNavyStart .cardGroup-card-content {
        padding: 0 0 1rem 0;
    }
}