can′t style a flexbox in storefront product page

Hi, and thanks in advance.
NOTE: NSFW site, maybe some hot images from eBooks covers, no nude but adult romance covers.

Great.

I have storefront+bookshop child theme and in one page, i have this shortcode to ahve only a column (note that the shortcode even has a class)

[products limit=”6″ columns=”1″ category=”mf” class=”product-shortcode” cat_operator=”AND” ]

ok, Playing around with chrome dev tools I was able to align images to the left BUT when i put the CSS selector within Custom CSS in my WP, it doesn′t work at all.

with this code when inspecting page I CAN put eBooks cover to the left

.hentry .entry-content ul.products {

    display: flex;
    align-items: left;
    justify-content: center;
    flex-flow: column wrap;
        flex-direction: column;
        flex-wrap: wrap;
    align-content: left;

}

BUT I get an alert (it seems I can′t put left in align-content or items).

What I need?

Left align eBook covers (images), plus aligned to the right of images, the brief/sinopsis, price, stars and headline

thanks in advance for your help

webdevtestus

The page I need help with: [log in to see the link]