I would like to build the attached in bootstrap with it being responsive dependent on screen size.

On tablet devices and smaller I would like the image to be edge to edge of the screen with the content section indented in the bottom of the image slightly.

Any help/guidance would be great!

Thanks

Don’t use bootstrap. It’s old and dated and full of bloat.

A layout like that is easy to create. 

Set the image as a background with a load of left padding/margin. Position the box and add content.

Use a media query for smaller screens and set the background image margin/padding to zero.

You can do the whole thing in just a few lines is css.

By the way, I started with a bootstrap

Has anyone tried using Bootstrap along with React? How convenient is it?