You can add use the image and text component which combines the components of a paragraph and an image in one easy-to-use component.

1. Navigate to the page you want to edit and make sure that is set to Edit.
2. Add the component to the page.
3. Click in the paragraph area of the component to add text. All text takes on the formatting of the default style for the component. Press Enter to add additional lines of text.
4. If you want to change the default formatting for any portion of text, select the text that you want to format, then select any of the options in the formatting tool bar, such as font, color, or alignment.
5. To remove the formatting applied with these options, select the text and click .
6. To edit the component and its appearance, click its menu icon , and choose Settings.
7. Choose Components to set the details about the content that’s displayed.

   • Image:

     • Click Select to use an image. Select an image from the site repository, an image from a documents folder that's been shared with you, or upload an image to a documents folder. Locate and select the image you want to use. If you don't see any digital assets, click , and change the collection filter to All. If you selected an image from a documents folder, you can link to the file rather than copying it to the site. To link to the file, select Use a reference to the original file instead of copying the file to the site. If you don't select this option, a copy of the file is stored with the site and is referenced from the site. Linking to the original file avoids duplicating the content. The link allows site visitors to see the content even if the permissions on the file change or would otherwise restrict viewing. Click OK. If you selected a digital asset, you can select a specific rendition. If you don't select a rendition, the original size will be used. If you want the latest version of the asset to be published when the site is published, select Use latest version of asset.

       To edit the image, click , and edit the image with any of the following actions:

       • To crop the image, click Crop. Select one of the predefined image ratios in the cropping toolbar, or drag the cropping handles on the image as desired. When you're satisfied, in the cropping toolbar, click Crop.
       • To rotate or flip the image, click Rotate. In the rotation toolbar, enter a custom rotation degree, use the buttons to rotate the image left or right, or select whether to flip the image horizontally or vertically.
       • To add a watermark to the image, click Watermark. Add text to the image, changing the text size, style, color, and opacity as desired with the watermark tools.
       • To change the image format, click Options, then select a new format from the Format drop-down list.
       • To change the background color, click Options, then select an option from the Background Color drop-down menu.
       • If you're editing a .jpg or a .webp (available on Google Chrome browsers), you can change the image quality to create a smaller file size. Click Options, then enter the new percentage in the Quality box.
       • To undo or redo your change, click or . To remove all changes you made, click Reset.
       • To change the magnification of the image, use the zoom controls ().

     • Title: Enter text you’d like to have displayed in a tooltip.

     • Alternate Text: Enter the alternate text that will be displayed for accessibility purposes.

     • Caption: Enter a caption that appears under the image.

     • Alignment, Width, and Spacing: Change the layout of the image as needed.

   • Paragraph: Change the spacing of the text.

8. Use the General tab to modify spacing, alignment, and other presentation options for the component.
9. Use the Style tab to add formatting around the text and to customize the background color, fonts, and borders.