From 3de1666f47157256ff7b0307eaa6e87a5bcfae0a Mon Sep 17 00:00:00 2001
From: kolchfa-aws <105444904+kolchfa-aws@users.noreply.github.com>
Date: Fri, 20 Jan 2023 11:24:06 -0500
Subject: [PATCH] Adds second image style with no border (#2445)

Signed-off-by: Fanit Kolchina <kolchfa@amazon.com>

Signed-off-by: Fanit Kolchina <kolchfa@amazon.com>
---
 _sass/custom/custom.scss | 5 +++++
 index.md                 | 8 ++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss
index 8e875c2b..f1268e4c 100755
--- a/_sass/custom/custom.scss
+++ b/_sass/custom/custom.scss
@@ -118,6 +118,11 @@ img {
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
 }
 
+.no-border {
+  border: none;
+  box-shadow: none;
+}
+
 .img-border {
   border: 1px solid $grey-lt-300;
 }
diff --git a/index.md b/index.md
index cb00a814..bddc634e 100755
--- a/index.md
+++ b/index.md
@@ -28,10 +28,10 @@ With OpenSearch, you can perform the following use cases:
 <table style="table-layout: auto ; width: 100%;">
 <tbody>
 <tr style="text-align: center; vertical-align:center;">
-<td><img src="{{site.url}}{{site.baseurl}}/images/1_search.png" alt="Fast, scalable full-text search" height="100"/></td>
-<td><img src="{{site.url}}{{site.baseurl}}/images/2_monitoring.png" alt="Application and infrastructure monitoring" height="100"/></td>
-<td><img src="{{site.url}}{{site.baseurl}}/images/3_security.png" alt="Security and event information management" height="100"/></td>
-<td><img src="{{site.url}}{{site.baseurl}}/images/4_tracking.png" alt="Operational health tracking" height="100"/></td>
+<td><img src="{{site.url}}{{site.baseurl}}/images/1_search.png" class="no-border" alt="Fast, scalable full-text search" height="100"/></td>
+<td><img src="{{site.url}}{{site.baseurl}}/images/2_monitoring.png" class="no-border" alt="Application and infrastructure monitoring" height="100"/></td>
+<td><img src="{{site.url}}{{site.baseurl}}/images/3_security.png" class="no-border" alt="Security and event information management" height="100"/></td>
+<td><img src="{{site.url}}{{site.baseurl}}/images/4_tracking.png" class="no-border" alt="Operational health tracking" height="100"/></td>
 </tr>
 <tr style="text-align: left; vertical-align:top; font-weight: bold; color: rgb(0,59,92)">
 <td>Fast, Scalable Full-text Search</td>