@NitaLewska
Posted
You can try and use <picture> tag to display different images instead of changing background. I'm a beginner,too, but I've read that it's okay to use background method with images that aren't really necessary for a user, like different design elements and so on, but those that ARE to be seen no matter what, like product photos, should be definitely put into an <img> or <picture> tags.
If for some reason CSS file fails to upload, our clients will get the image wrapped in <img> anyways, and those in the background won't load =(
So, i recommend you to read about <picture> and srcset property for <img>!
Marked as helpful
@Mar1362
Posted
Hi @NitaLewska, thank you for your feedback! i didn't know about <picture> tag, i'll go learn about it right now. i used the css background property in order to be able to change the image depending on the screen size(using media queries conditions) without having to use javascript but if the <picture> tag allows that then i'll go for it event if not too, because your remark is really important. thank you again!