Preview card using HTML, CSS, and flexbox.

One of the difficulty I have encountered was the background image where I have to set the width and height of the element itself so that I may see the image, but the problem was that I have a hard time to get the right size of the background-image on a div which makes it work differently to the left side of the column. When it collapse to a mobile version of the preview card, the attribution was put under the .right-column element. It feels like I was doing something wrong here, is there a better method that I could have done? How would have I done it better so that I make a better method for the image side of the card? Have I done the right way of coding?