Interactive Story Hero - Copy this Html, Bootstrap Component to your project

i want a full width image, with a two column section undereith, that has a negative margin on the top as to overlap the banner image from the bottom. within the two columns, i want text onse sdie and an image in the other column. on mobile, i want the image column to wrap underneath the text column, and no negative margin on the image text section.