First start editing the page/static block where you would like to insert to the image.
2. Clcik the "Insert Image..." button.
3. Navigate to the correct directory.
Within the site (abreviated "hcg") directory find or create a new directory to contain the image (name your directory in all lower cases with no spaces (use "-" instead of spaces).
4. Click "Choose Files"
5. Select the files
Select the files you wish to upload and click "Open".
To create an image with a caption use the <figure> and <figcaption elements.
<figure>
<img src='https://www.americanmeadows.com/media/wysiwyg/ami/my-folder/image.jpg' />
<figcaption>This is an awesome image</figcaption>
</figure>
Floating Images
Floating is better explained in the Layout Style Guide. When images are floated a dotted border is automatically added to separate the image and the text.
<img src='https://www.americanmeadows.com/media/wysiwyg/ami/style-guide/image.jpg' class='float-right' />
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Et doloribus qui eius dicta, omnis minima incidunt iusto illo ipsam soluta labore sequi fuga molestias pariatur...</p>
<img src='https://www.americanmeadows.com/media/wysiwyg/common/style-guide/image.jpg' class='float-left' />
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Et doloribus qui eius dicta, omnis minima incidunt iusto illo ipsam soluta labore sequi fuga molestias pariatur...</p>