Improve image oembed

packages/rocketchat-oembed/client/oembedImageWidget.html

@@ -1,10 +1,14 @@
 <template name="oembedImageWidget">
 	{{#if showImage}}
-		<a href="{{url}}" class="swipebox" target="_blank">
-			{{#if parsedUrl}}
-				<div class="inline-image" style="background-image: url({{url}});"></div>
-			{{/if}}
-		</a>
+		{{#if parsedUrl}}
+			<div>
+				<a href="{{url}}" class="swipebox" target="_blank">
+					<div class="inline-image" style="background-image: url({{url}});">
+						<img src="{{url}}">
+					</div>
+				</a>
+			</div>
+		{{/if}}
 	{{else}}
 		{{#if parsedUrl}}
 			<div class="image-to-download" data-url="{{url}}">

packages/rocketchat-theme/assets/stylesheets/base.less

@@ -2520,7 +2520,16 @@ a.github-fork {
 			background-size: contain;
 			background-repeat: no-repeat;
 			background-position: center left;
-			height: 200px;
+			display: inline-flex;
+			box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
+			border-radius: 3px;
+			overflow: hidden;
+
+			img {
+				max-height: 200px;
+				max-width: 100%;
+				opacity: 0;
+			}
 		}
 	}
 	&.temp .body {