Do I have a bug or is something wrong with my image?
Eveytime I insert my background, the automatic image optimization doesn't work although it worked completely fine in tutorial video (Building an eye-catching hero section using webstudio-step by step tutorial). No matter the resolution of image is, webstudio uses it as it is in all canva sizes without optimization.
Side note, Image Background settings would be at default (custom, auto). İ also tried png & jpg (exported from canva)
Thank you so much. So after I use the image component as a background, I should optimize text in wider canva sizes right (although I tried it but it didn't work). Is there a way that can help fix the text position on canva without containing it with background(image component)?
As for optimizations per breakpoint... not much you can do there. If you really want, you can duplicate the img, show one on desktop one on mobile and lower the img dimensions in settings for mobile
Sorry for being all over the place. I just have one question if you may.
Is there a way I can fix the text position and not get impacted by image responsiveness?
It is because Image is pretty responsive but text isn't. So on desktop breakpoint, when I put the text on the image and go to preview on desktop, the text change it's position to a lower position. The more I increase the size of canva design, text continue to get to the bottom.
I don't encounter this problem when I adjust text in mobile breakpoint
Side note, the container of text is under the image in navigator bar.
