Resizing images in collection list columns on mobile Dawn theme

[lushpupco]

I need to resize the images in the collection list section on mobile only to all be the same size. Unsure of the coding required to do so. I've currently got the below coding in place in the "component-card.css" file to allow for 3 columns instead of the standard two.

There are two sections on the homepage I need to update without affecting any other collection list sections on the page.

@media (max-width: 749px) {
.collection-list-wrapper .collection-card-wrapper .card__heading {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
}

www.lushpupco.com

[Sayed_Safin · Accepted solution]

@media screen and (max-width: 750px) {
    .slider-mobile-gutter .collection-list {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr !important;
    }
}

@lushpupco Please add this code in the.
Thanks.