Inline images

Description
Inline images are images placed within the body of a page via the WYSIWYG.

Fixed sizes
Fixed-size images do not scale up or down but display at the same size for  all screen size
  • To retain the size of an inline image right-click the images and select ‘Image properties’ 
  • Insert the width and height of your image
  • Select ‘Save’
Note: When these images are placed inside of a table they will distort.

Responsive sizes (Default or original size)
Responsive size images scale up or down and display at the different  sizes for different  screen sizes
  • To make the size of an inline image  responsive do not change the size dimensions in the ‘Image properties’ pop up menu but leave it unchanged
  • In order to control the initial size of an image and make it responsive at smaller breakpoints, you can add the image to a table.
Note: When these images are placed inside of a table they will scale proportionately.

Video reference