Hi Lumers! I am just starting to learn Webflow. From what I understand, using background images is not the best practice as far as SEO is concerned. However, at times, I find myself using background images as they are easier to work with. Does anyone have a tutorial or a strategy for ensuring that my background images (not images wrapped in a div) get properly resized for tablet and mobile viewports to improve loading times? ANY HELP or advice will be very very appreciated!

Out of curiosity, why did the Relume team decide to title their padding and margins spacing using "xxs-md-lg"? I don't think that this naming convention is as efficient as having clear numerical naming convention. Why not just stick to the numerical naming convention? I understand the REM implementations, but still, I feel like using xxs and xxl seems vague and unnecessary. Is this just me? I feel like using clear NUMBERS are much easier to work with especially when migrating or duplicating designs from Figma rather than constanly having to go back and check what the "tiny or xxxxxxl" is.