Hi, would someone help me with coding responsive css for dynamic images pulled from a database

I would like them to be large and side by side in the desktop version, then resized smaller and aligned horizontally on mobile phones,

It should also have a placeholder with created by, and a description, pulled from the database which the user entered on another page, with the uploaded image, this is an example https://html5up.net/miniport/ I did try to implement part of the html and css into my laravel project, but when using a foreach loop or aligns them horizontally on the desktop, not side by side as in the example, It does work partially on the mobile version when trying it out in chromes developer tools, though only the text doesn't wrap in the box,

I could post the edited css file, or show which parts I took out so it didn't conflict with my bootstrap css,

But basically that the look I am trying to achieve being responsive, and I have ran out of ideas,

I am new to Laravel and I'm loving it, I'm really glad there are lots of tutorials, though none with the combination of my request,

THANKS:)

Please or to participate in this conversation.