Create css to align images and text in Drupal 9

Note: This is considered a micro project ($10-30). A developing Drupal D9 website uses two themes, the W3CSS theme and the default Bartik (subtheme). For both themes some CSS formatting is needed. W3CSS: On the content type "Product" a section of product images must align vertically. A section of "Center text" must show to the right of it. This includes fluid/wrapping alignment to the left of the "Center text" when the image section is shorter than the Center text section. Following text sections must align beneath the Center text. Bulleted text must align properly with the text section's standard left vertical line. Bartik (Subtheme): Similar to above. The images and section "Center text" already now align as intended, but not the following text section. Bulleted text must align properly with the text section's standard left vertical line. The above desired layout is for PC and tablet view. In phone vertical view (no modification needed), as per default the images appear first and the text follows. The intention is that you create the CSS snippets based on public access to the development site, then I insert them into the custom CSS; when it works as intended your work is done. This is considered a micro project ($10-30). Later on additional css work may be needed. Your bid stands (subsequent increase is not appreciated).