tweak badge image style

src/plainui/jinja2/plainui/components/badge_elements.html

@@ -2,7 +2,7 @@
 {% macro userBadge(badge_link, showButtons, showRest) -%}
 {% if badge_link %}
     <div class="card box-shadow w-100">
-        <div >
+        <div class="bg-opaque">
             {% if badge_link.badge.image %}
                 <img class="card-img-top aspect-ratio-16by9"
                 alt="Thumbnail Badge {{badge_link.badge.name}}"
@@ -65,7 +65,7 @@
 {% macro badge(badge) -%}
 {% if badge %}
     <div class="card box-shadow w-100">
-        <div >
+        <div class="bg-opaque">
             {% if badge.image %}
                 <img class="card-img-top aspect-ratio-16by9"
                 alt="Thumbnail Badge {{badge.name}}"

src/plainui/styles/_util-classes.scss

@@ -762,5 +762,5 @@ h6,
 
 .aspect-ratio-16by9 {
     aspect-ratio: 16 / 9;
-    object-fit: cover;
+    object-fit: contain;
 }