Enhance image styling and update catalog content display

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>

Author: leecalcote

assets/scss/_content_project.scss

@@ -105,8 +105,11 @@ h6 {
   }
 
   img {
-    width: 20%;
     @extend .img-fluid;
+    @extend .img-thumbnail;
+    @extend .rounded;
+    @extend .shadow;
+    margin-bottom: $spacer;
   }
 
   table {

content/en/cloud/catalog/_index.md

@@ -9,8 +9,9 @@ description: >
 Public Catalog: https://cloud.layer5.io/catalog
 {{%/pageinfo%}}
 
-{{< figure src="/cloud/catalog/images/delivering-catalog-content.svg" alt="Delivering-catalog-content" class="image-center-shadow" >}}
+<!-- {{< figure src="/cloud/catalog/images/delivering-catalog-content.svg" alt="Delivering-catalog-content" class="image-center-shadow" >}} -->
 
+<img src="/cloud/catalog/images/delivering-catalog-content.svg" alt="Delivering-catalog-content" />
 
 The Cloud Catalog is a web-based, public catalog to facilitate easy discovery of existing designs. Designs that are published into the catalog can be, but are not always curated for known best practices and patterns. Content is published at [cloud.layer5.io/catalog](https://cloud.layer5.io/catalog), and one-click import of catalog content into Meshery Server is seamlessly integrated.