No not even close, you’re joking right? This site is SUPER nice!! Whatchu talkin bout Willis?
I like it a lot.
So okay, this type of setup is a little tricky to explain in text. But I’ll do my best. This is going to require either / or:
Flex layout - using %'s for each device type. It will auto-expand and shrink based on the flex css designated. It will require a removal of all the css settings on ‘inner/child’ elements. Flex is best for outer / wrapper divs. This option is more automatic and free-flowing, and provides a set it - and - forget method. If you don’t plan on making a lot of changes this may work.
Column layout - using the column as the guide for all inner content. This method is a little restricting in nature, but has a structured approach that - in essence forces all the content to move as one unit. Independent movement of content is restricted to the ‘css settings’ of the parent column. This will definitely wrap images and other content easily. It’s viable option if the “main section” all the content is in won’t be adjusted.
Individual nested divs - using multiple layers that guide each other independently. Obviously, this method takes a little more time and planning for it to work; but it offers the most flexibility. This format will allow for the most changes/adjustments to images and content, especially if you plan to make frequent changes. When making changes, inevitably there will be size differences, spacing, etc that will start to push content around the page. Nested divs allow for simple tweaks that are fairly unnoticeable because it’s padding, margins, things like this. When adding little css tweaks on columns or flex, things can become challenging.
With your current page layout, I would recommend one of these to be implemented. Granted it will take a few hours to do it right, but it will be a one-time deal. If you do it by tinkering with css, things will become annoying later on, I’d fix it now. You wouldn’t need to keep playing with css.
This is my recommendation -