ISTWCMS-5080: fixing background image on hero image for card

source/_patterns/04-components/card/card-elements/_hero-image.twig

-<div class="card__featured-image" style="background-image: url({{ hero.img_element }});" role="img" aria-label="{{ hero.alt }}">
+<style>
+  .card__featured-image {
+    background-image: url("{{ hero.img_element }}");
+  }
+  {% for source in hero.sources %}
+    @media only screen and {{ source.media | replace({'all and': ''}) }} {
+      .card__featured-image {
+        background-image: url("{{ source.srcset | replace({ ' 1x': '' }) }}");
+      }
+    }
+  {% endfor %}
+</style>
+
+<div class="card__featured-image" role="img" aria-label="{{ hero.alt }}">
   {% if show_header %}
     {% include '@components/card/card-elements/_header.twig' with {
       'header': header,