Suggestions on how to work with images

Hi everyone this is my first post 😃I was also struggling with this issues but managed to resolve it ok, and thought I'd make a short guide how to do it.

1. Copy the HTML code from an existing example or vibe code it.
2. Create a folder on your computer and place your downloaded images into it
3. Change image paths from absolute to relative. This is a nice short guide explaining what this means: Mastering HTML img src Local File: A Simple Guide. Typically this means code like 

   <img src="./exampleimage.jpg">

4. Export your code as index.html and save it to the same folder as the images
5. Create a zip file with the images and html file
6. upload this to your rise project using "code" and "upload project" from the block library. 

Hope this helps!