Follow-up: Need specific CSS classes for Recent Posts (List View) horizontal alignment on mobile

Dear Balbooa Support Team,

Thank you for the previous CSS solution you provided to another user for making their Feature Box list items horizontal on mobile.

I want to achieve the exact same result: making the article image and text horizontal (side-by-side) on mobile only, but I am using the "Recent Posts" element with the "List" layout (as shown in my previous screenshot).

Since the classes you provided (.ba-feature-box, etc.) belong to the Feature Box element, they do not work on my Recent Posts element.

Could you please provide the exact CSS class names I should use to target the list items of the Recent Posts element so that I can apply the flex-direction: row style?

Specifically, I need the class for:

The container of the article item (to apply flex-direction: row).

The image wrapper within the item (to apply margin-right for spacing).

I intend to use the following structure in my Code Editor:

CSS

@media (max-width: 48rem) {
/* 1. CLASS NAME FOR ARTICLE ITEM CONTAINER */ {
flex-direction: row !important;
}
/* 2. CLASS NAME FOR IMAGE WRAPPER */ {
margin-right: 25px !important;
}
}

Please let me know the correct class names for the Recent Posts element's list view.

Thank you for your help.
mitsu oka