/* min-width: 1025px */

.card-img-top {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
}

#main .row {
    align-items: flex-start;
}

/* Custom CSS */
.angled-card {
    transform: skewX(-5deg); /* Angles the card container */
    overflow: hidden;         /* Keeps image corners clipped */
    margin: 2rem;
}

.angled-card .card-content {
    transform: skewX(5deg);  /* Reverses the angle so text/images stay straight */
}