fix(card-pictogram): now copy is also visible on focus (#4861)

### Related tickets

Web component: Card component Pictogram - Placement bottom - On hover, Keyboard user cannot access this textual content. #4843

### Description

Now the copy is also visible on focus

packages/web-components/src/components/card/card.scss

@@ -29,6 +29,18 @@
     margin-bottom: 0;
   }
 }
+
+:host(#{$dds-prefix}-card)[pictogram-placement='bottom']:focus {
+  ::slotted(svg[slot='pictogram']) {
+    display: none;
+  }
+
+  .#{$prefix}--card__copy {
+    display: flex;
+    margin-bottom: 0;
+  }
+}
+
 :host(#{$dds-prefix}-card) {
   .#{$prefix}--card__pictogram {
     display: flex;