Customizing images in the listing block

[Ward4014]

So i add additional css to my site www.cardtrading.uk

.hp-listing__image img, .hp-listing__images img {
    display: block;
    width: 100%;
    height: 350px;
    object-fit: cover;
}

doing the above it makes the listings page look miles better however it makes the listing page look a bit of a mess is there any think you can suggest to fix this please take a look on my site
here is the link to a listings list
https://cardtrading.uk/listing-category/pokemon-card-trades/

and here’s a link to a listing you should see the issues with the image displaying wrong.

Charizard - Pokémon Go 010/078 - Card Trading UK

thanks

[Ward4014]

sorry i have found a way to do this but not the best way so the links are both fixed there but if you go to Pokémon Cards For Sale Archives - Card Trading UK you will see what was on about

[ihor]

I’m not sure if this is already fixed, but you can try this snippet to target the listing blocks only:

.hp-listing--view-block .hp-listing__image img {
    display: block;
    width: 100%;
    height: 350px;
    object-fit: cover;
}