How to left-align media and text within a gallery grid

Site URL: https://www.craigkleila.com/our-services

Hi, I'm trying to left-align my icons and text on this page - https://www.craigkleila.com/our-services (password - password). However, as you can see, the media flushes all the way to the left of the card whereas the text has some padding. How can I align these?

Try adding to Design > Custom CSS

@media screen and (min-width:768px) {
.user-items-list-item-container[data-section-id="630d48fe448fb4222289e3ab"] img {
    margin-left: 2vw;
}
}

That worked for desktop views but not mobile or tablet. Any idea how I can have it aligned on all devices?

15 hours ago, Craig456 said:

That worked for desktop views but not mobile or tablet. Any idea how I can have it aligned on all devices?

Try new code

.user-items-list-item-container[data-section-id="630d48fe448fb4222289e3ab"] {
@media screen and (min-width:992px) {
 img {
    margin-left: 2vw;
}
}
/* Tablet */
@media screen and (max-width:991px) {
img {
    margin-left: 3vw;
}
}
/* mobile */
@media screen and (max-width:767px) {
img {
    margin-left: 4vw;
}
}
}

You can adjust these values

That worked! Thanks so much