ISTWCMS-5163: css for ckeditor stretching image challenge

source/_patterns/02-base/02-html-elements/26-media/_img.scss

@@ -5,10 +5,25 @@ img {
   border: 0;
   font-style: italic; // Makes alt text stand out from surrounding text.
   max-width: 100%;
-  vertical-align: middle;
 
   @media print {
     max-width: 100% !important;
     page-break-inside: avoid;
   }
 }
+.media--type-uw-mt-image{
+  img{
+    height: auto;
+    object-fit: scale-down;
+  }
+}
+.media--type-uw-mt-image[data-width],
+.media--type-uw-mt-image[data-height]{
+  background:$test-color-1;
+  img{
+    height: inherit;
+    max-width:inherit;
+    object-fit: inherit;
+    width: inherit;
+  }
+}

source/_patterns/04-components/copy-text/_copy-text.scss

@@ -8,7 +8,8 @@
       padding-right: 1rem;
     }
     &.align-center {
-      padding: 1rem 0;
+      padding-left:0;
+      padding-right:0;
       text-align: center;
       img{
         display: block;