.cd1 .cd-list {
     display: grid;
     grid-template-columns: 1fr;
     gap: var(--item-gap);
     @media (min-width: 768px) {
         grid-template-columns: repeat(2, 1fr);
    }
     @media (min-width: 1024px) {
         grid-template-columns: repeat(3, 1fr);
    }
}
 .cd1 .cd-card {
     display: flex;
     flex-direction: column;
}
 .cd1 .cd-card-image {
     aspect-ratio: 4 / 3;
}
 .cd1 .cd-card-content {
     padding: var(--item-gap);
}
 @media (min-width: 768px) {
     .cd1 .cd-list {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         gap: var(--item-gap);
    }
     .cd1 .cd-list > .cd-card {
         width: calc((100% - var(--item-gap)) / 2);
    }
}
 @media (min-width: 1024px) {
     .cd1 .cd-list > .cd-card {
         width: calc((100% - (var(--item-gap) * 2)) / 3);
    }
}