title: how to make accessible, responsive, flexible masked images with alt tags
body: <p>I built a website layout that currently relies on flexible divs with images stored in the background because their flexibility helps make the content responsive for all window sizes; however, I also want to add alt tags so the meaningful content is accessible and also SEO-friendly. It seems I have a semantic challenge.</p>
  
  <p>There are spacer images keeping those flexible containers open, so I could put alt tags on those, but I understand that would be frowned upon by search engines. I'm not trying to stuff the site with fake keywords. At the same time, I don't want to leave important keywords out.</p>
  
  <p>In summary, I want the images to be both accessible and responsive. Is there a cross-browser solution that is backwards-compatible with older browsers? I'm not finding a lot of current information on this topic. I was looking at some form of image masking, but again I'm not seeing agreement on this topic. What works for you?</p>