Fixed padding top and applied same component structure as Other Hero Variant

[lovesitecore]

The Event Variant of Hero Banner had a padding at the top. So I exchanged the markup with the one that has been fixed for the main variant and change background to black and font color to white.

Description / Motivation

see above

How Has This Been Tested?

tested locally

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• I have read the Contributing guide.
• My code/comments/docs fully adhere to the Code of Conduct.
• My change is a code change.
• My change is a documentation change and there are NO other updates required.