Diana, I don't know if you agree, but I downloaded those 4 images and made them all the same size and aspect ratio. I had to use the guitar image as the 'yardstick', as it was much smaller than the other ones. They are now 3:4 and have a physical size of 860px width. They can be stretched to at least 1000px without getting pixelated. You can download them from my dropbox: https://www.dropbox.com/s/m3x3nj4r2679m … d.zip?dl=0
There isn't any fancy styling or auto-animation in the attached simple Vanilla SD V3 project file. It's just how I understood the request in the first post of this thread.
More expert solutions have already been provided. but the very simple principles I used may be of interest to someone. It's simply a picture container strip that is moved by increasing or reducing its negative left margin.
One other question. I changed my text to "fixed" position and was able to bring it up a level with Z so that it doesn't cover the photo. I'm struggling with how to center the text. I tried with both Header and Paragraph. I centered the text on both. The only way I could get it to center was to give a max width in Dimensions. But it may center on one large screen and on a wide screen with a different width, it's off.
This is based on Wayan's recommendation. I'm using SDv3 and the site is built using Foundation.