Hero CTA - Add overlay opacity controls
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3591521. -->
Reported by: [ravi kant](https://www.drupal.org/user/414939)
Related to !205
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>The Hero CTA don't have overlay opacity controls so cannot set opacity according uploaded image contrast. </p>
<h4 id="summary-steps-reproduce">Steps to reproduce</h4>
<p>Update the background image and try changing the background color as Primary or Inverted.</p>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<p>Need to add overlay opacity controls same as done in ticket <a href="https://www.drupal.org/project/mercury/issues/3548767">https://www.drupal.org/project/mercury/issues/3548767</a></p>
<h3 id="summary-remaining-tasks">Remaining tasks</h3>
<h3 id="summary-ui-changes">User interface changes</h3>
<h3 id="summary-api-changes">API changes</h3>
<h3 id="summary-data-model-changes">Data model changes</h3>
issue