.cdl-gallery {
    display: grid;
    grid-template-columns: 1fr;
    list-style: none;
    grid-gap: 1rem;
    margin: 0 0 1rem;
}
@media all and (min-width: 640px) {
    .cdl-gallery {
        grid-template-columns: 1fr 1fr;
    }
}
@media all and (min-width: 1024px) {
    .cdl-gallery {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.cdl-gallery li>img {
    width: 100%;
    height: auto;
}