.feature-hero {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 8rem;
}

.feature-hero>* {
    width: 300px;
}

.feature-stories_cards {
    flex-wrap: wrap;
    gap: var(--space-xl);
}

.feature-stories_cards>*,
.blog-single-card .card>* {
    flex: 1 1 24rem;
}

.blog-single-card .card {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-xl);
}

.blog-single-card .card:hover {
    transform: unset;
}