Images going off the page on mobile view

Hi everyone!

I am creating a blog section for my website and had a design ready on a practice page, and now am trying to recreate that design onto my live website. I’m having problems with optimizing my design for mobile. It was working on my first design but not sure why it’s not now.

You can see when you go to mobile, the images go off the page instead of fixing to the viewport of the mobile size.

Any suggestions??


Here is my site Read-Only:
([how to share your site Read-Only link][2])

Oops i figured it out! I had my section set at a minimum width. But now my headings that are under my picture on the mobile view are slightly off and not aligned to the bottom of my image? Does anyone know why it isn’t fixed to the image when i set it absolute to the div block?