Hey!
This is an example of what I’m trying to achieve. Ignore the random and horrible kitty photos :)
CSS Background example
Note: Whenever the image changes it is the same exact photo but a smaller size. I’m just using the kittens to demonstrate!
I’m having a flickering issue when each “new” photo loads as the background for most @media breakpoints. The image blinks when passing the breakpoints while resizing the browser (although for some reason not in codepen).
This is the exact code as I have it in my file at the moment. Any ideas on how to prevent the image flickering? This is an attempt for my responsive site.