Responsive Landing Page using Grid

What is a good practice for keeping a linear gradient along with a background image? My solution was to have the main item with the background image, then have a div inside matching it's width and height to put the linear gradient on, and then put my h3 tag for the text so that I can control the text's width specifically to keep the words stacked on each other. Thanks, any tips appreciated!