Layout help for practical positioning

Design help General
1

I was able to position the image rigth there like in the read-only link, and still have it within a container, namely the container that has the class “container-medium”

https://preview.webflow.com/preview/layout-14a2c3?utm_medium=preview_link&utm_source=dashboard&utm_content=layout-14a2c3&preview=4f01e66577bb120ee57cfe726841e16f&workflow=preview

I wanna do the same thing but on the left side just like in the image below

Screenshot 2023-11-05 190740
Screenshot 2023-11-05 1907401132×511 77 KB

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Your use of flex on Div Block 14 is good for the layout. You’d just swap the positions of its immediate children to make the image go on the left. Or you can reverse the flex direction.

Tips-

  • Separate your page layout from your content. You’ll have more sizing & positioning control if you wrap about_text-content in a DIV. That way your position of the text area as a whole is managed by a parent element, and you don’t have to mess with the element handling your text arrangement.
  • Avoid max-width settings of any kind, unless you actually need it.
  • Decide on your image size by using its parent container Div Block 15, e.g. width: 45%
  • Always think ahead about how you want your layout to responsively change for mobile, esp. portrait. You’ll make better layout choices on the desktop if you’re planning ahead a bit.