The Image Overlay Settings panel allows you to add two types of overlays on the image box: one applied before the image and one after. This helps create professional hover effects or static visual styles using color overlays and gradients.

Before and After Overlay #

Settings: #

• Enable Overlay – Toggle to turn on the before overlay.
• Overlay Color – Choose a solid color with opacity.
• Enable Gradient – Allows you to apply a gradient instead of a flat color.
• Gradient Color 1 & 2 – Select two colors for the gradient.
• Gradient Direction – Choose from directions like top to bottom, left to right, etc.