Tci 1129 add images to card (#858)

* Added media css for cta variant

* TCI-1129 Changed css for media top

* TCI-1129--Media top css fix

* TCI-1129 change in media top title color

* TCI-1129--Added css to media top card title

* TCI-1129 Css added for media left

* TCI-1129 Changes into card.css for media left in card

---------

Co-authored-by: Reshma Dhane <reshmaingavale@gmail.com>

source/_patterns/02-molecules/card/_card.scss

@@ -500,10 +500,20 @@ $_config: map-merge-by-keys($_config_schemes, base, $_config_schemes, $scheme);
 }
 
 .usa-card__container.type-image {
-  @include u-padding-left(0);
-  @include u-padding-top(0);
-  @include u-padding-bottom(0);
+  @include u-padding(0);
+
   .usa-card__media{
     line-height: 0;
+    @include u-margin-right(2);
+
+    .jcc-card--overlay-color-none {
+      aspect-ratio: 16/9;
+      overflow: hidden;
+      border-radius: initial;
+    }
+  }
+
+  .usa-card__content{
+    @include u-padding(3);
   }
 }