Adding a cover picture to the WooCommerce category and tag pages can significantly enhance the visual appeal, user experience, branding, and even the performance of your online store, making it a valuable practice for any WooCommerce site owner.
Here are the step-by-step instructions:

1. Go to Dashboard > Products > Categories
2. Edit the category that want
3. Upload an image in Thumbnail part
4. Click on Update

Adding a cover picture to category and tag pages enhances both the visual and functional aspects of your website, leading to better user experience, stronger branding, and potentially improved SEO performance.

Here are the step-by-step instructions:

1. Go to Dashboard > Posts > Categories
2. Edit the category that want
3. Open StyleKit of Title Background and set an image in the image field.
4. Click on Update

Under Theme Options > General  > Colors & Styling > Styling > Images from this section, you can specify the style and especially the Border Radius for all site images.

Add team member item with image, title, subtitle, social icons, hover effect and unlimited styling.

• Team Style – Predefined styles and icons positions
• Hover Mode? – Hover mode and how to show icons and title
• Image – Upload your team member image
• Image Size – You can resize image on the fly by setting this field
• Name, Job Title – Name and sub name of current team member
• Social – Add social icon(s) for this team member
• Position – Icons position Left, center or right
• Tooltip? – Do you want tooltip on icons hover? set this field
• Hover Effect – Custom CSS hover effects on mouse hover
• Social Icons color – Social icons color mode to original brand
• Vertical Mode? – Make icons in vertical mode
• Social Styling – Social styling colors, size, background, border, etc.
• Other Styling – Image, Title, Container styling background, padding, shadow, etc.
• Background layer – Custom background shape with offset to out sides of container
• Presets – This element have multiple stylish presets that you can use them
• Advanced tab – Responsive, Animation, Parallax, etc.

Add your images with awesome modern SVG covers with over 20 styles

• Image – Upload your own image
• Color – SVG fill color according to site background color
• Style – Choose one of SVG styles that you like
• Image offset – Image vertical offset in px
• Custom width – Custom width for element container
• Advanced tab – Responsive, Animation, Parallax, etc.

• Image – Upload your own image in high resolution
• Image size – You can set custom size, suitable for resizing image on the fly
• Container styling – Container styling border, shadow, margin, etc.
• Background layer – Custom background shape with offset to out sides of container
• Advanced tab – Responsive, Animation, Parallax, etc.

• Image – Upload your own image
• Image Size – You can add custom image size, suitable for resizing image on the fly
• Image opacity – You can set custom opacity percentage for current image
• Image Position – Available positions are inline | left | center | right | block
• Custom Width – This custom size will re-scale image for fit to new size
• Link – Lightbox or The URL where the link from the button leads to
• Image Styling – Image container styling background, border, shadow, etc.
• Background layer – Custom background shape with offset to out sides of container
• Hover Image – If you want to have different image on hover then upload your image
• Hover opacity – You can set custom opacity percentage for current hover image
• Hover effect – Add custom CSS effect when image wants to change to hover image
• Tooltip – Tooltip above image on mouse hover, Only allows string
• Tooltip Styling – Tooltip styling background, color, border, etc.
• Advanced tab – Responsive, Animation, Parallax, etc.

A handy draggable slider to quickly compare 2 images, powered by CSS3 and jQuery. Before and after images comparison, Compare two image with each other

• Before image – First image at the left side of comparison slider
• Before title – Title at the left side of comparison slider
• After image – First image at the left side of comparison slider
• After title – Title at the left side of comparison slider
• Container Styling – Overall container styling padding, background, border, etc.
• Handle Styling – Handle background, size, color, margin, etc.
• Title Styling – Title styling color, typography, background, etc.
• Background layer – Custom background shape with offset to out sides of container
• Advanced tab – Responsive, Animation, Parallax, etc.

Image box banner with title, caption and awesome hover effects and styles, Every parts are customizable, background, colors, borders, etc.

• Style – Over 22 predefined styles and hover effects
• Title – Set box title, each style title position is different
• Caption – Set caption text, this usually showing below title
• Link – The URL where the link from the button leads to
• Image – Upload your own image for banner box background
• Image size – You can set customize size for background if its too big
• Image opacity – Box background image opacity percentage
• Image hover opacity – Hover background image opacity percentage
• Container Styling – Overall container styling padding, background, border, etc.
• Title Styling – Title styling color, typography, etc.
• Caption Styling – Caption styling color, typography, etc.
• Background layer – Background shape with offset to out sides of container
• Advanced tab – Responsive, Animation, Parallax, etc.

In the following example you can see how to add attribute to the featured image.

Best solution is to add custom actions and filters in Child Theme functions.php file. But also you can create your own plugin and use this codes in your plugin.