MWPW-138921 Fixing popup promo image size (adobecom#1516)

With rearrangement of CSS in adobecom#1470 the promoaside icon styles are overriding promoaside popup variant icon styles. Fixing the css to prioritize popup style for popup promo.

Resolves: MWPW-138921

Test URLs:

Before: https://main--milo--adobecom.hlx.page/drafts/mathuria/promobar/popuppromo?martech=off
After: https://mwpw-138921--milo--aishwaryamathuria.hlx.page/drafts/mathuria/promobar/popuppromo?martech=off

libs/blocks/aside/aside.css

@@ -997,15 +997,16 @@
     flex-direction: row;
   }
 
+  .aside.promobar .foreground.container .icon-area,
+  .aside.promobar .foreground.container .icon-area img {
+    height: var(--icon-size-xxl);
+  }
+
   .aside.promobar.popup .promo-text .icon-area,
   .aside.promobar.popup .promo-text .icon-area img {
     height: var(--icon-size-m);
   }
 
-  .aside.promobar .foreground.container .icon-area img {
-    height: var(--icon-size-xxl);
-  }
-
   .aside.center:not(.notification) .foreground.container .text .icon-area img {
     max-width: 400px;
   }
@@ -1065,10 +1066,6 @@
     margin-right: 0;
   }
 
-  .aside.promobar .foreground.container .icon-area {
-    height: var(--icon-size-xxl);
-  }
-
   .aside.promobar .promo-text .content-area {
     gap: var(--spacing-m);
   }