How do I resize an individual image inside a rich text element in Webflow?

To resize an individual image inside a rich text element in Webflow, follow these steps:

1. Select the rich text element: First, navigate to the page where your rich text element is located and select it. You can do this by clicking on the element directly on the canvas or by selecting it in the Navigator panel.

2. Enter the rich text editor: Double-click inside the rich text element to enter the rich text editor. Once inside, you'll see the toolbar at the top with various formatting options.

3. Locate the image: Look for the image you want to resize within the rich text editor. It will appear as an embedded image within the editor.

4. Select the image: Click on the image to select it. You'll know it's selected when you see handles around the corners of the image.

5. Adjust the size: To resize the image, you have two options:

a. Use the drag handles: Hover over one of the corner handles of the selected image, then click and drag the handle to resize the image proportionally. Hold the Shift key while dragging to maintain the aspect ratio.

b. Use the settings panel: Alternatively, you can adjust the image size precisely using the settings panel on the right-hand side of the Webflow interface. With the image selected, go to the Styles tab in the right panel, scroll down to the Image section, and manually change the width and height values.

6. Save and exit the rich text editor: When you're happy with the resized image, click outside the rich text editor or press Esc to exit the editor. The changes you made to the image size will be automatically saved.

Remember, resizing the image within a rich text element will only affect its appearance within that specific instance of the element. If you have multiple instances of the rich text element on your site, you will need to repeat these steps for each occurrence if you want the image size to be consistent throughout.