.carousel>ul {
    list-style: none;
    margin: var(--spacing-none);
    padding: var(--spacing-none);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(278px, 1fr));
    grid-gap: 16px;
}

.carousel>ul>li {
    border: 1px solid var(--dark-color);
    background-color: var(--white);
}

.carousel .cards-card-body {
    margin: 16px;
}

.carousel .cards-card-image {
    line-height: 0;
}

.carousel .cards-card-body p {
    margin-bottom: var(--spacing-none);
}

.carousel .cards-card-body>*:first-child {
    margin-top: var(--spacing-none);
}

.carousel>ul>li img {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: cover;
    border-radius: 10px;
}