Tiled images in the hero background

I think that I am missing something really obvious here.

My current website (http://globalz.com). The hero image is a single JPG image in the background of a color section. The white text is above the background. But, as the one image is sized responsively on different screens, the bottoms and the right get cut off. It makes sense that the design does that as it is difficult to keep the proportions.

In reality, the hero image is actually made up of six images put together. Is it possible for me to use the image tiles so that they will format responsively as the background of the hero image? I thought of the idea of a gallery as the hero, but I can’t see how to put the title text over it. Of course, I want the text to remain centered over the image.

In an ideal universe, I could have these tiles assemble so that the ratio of height and width remains the same — it just gets taller or smaller to extend to the full width of the screen.

Am I dreaming here? Did I describe it well enough? Thank you

Thank you.

• This topic was modified 6 years, 4 months ago by rmatus.