blog icons

Author: hmillersarah

ims-tm.html

@@ -552,13 +552,15 @@ <h2>IMS blogs</h2>
 									<div class="pure-g">
 										<!-- Card -->
 										<div class="pure-u-1 pure-u-sm-1 pure-u-md-1-2 blog-card">
+											<img class="ims-card-icon" src="wp-content/icons/data--check.svg" alt="">
 											<h3>Amplify your enterprise with IMS TM</h3>
 											<a href="https://community.ibm.com/community/user/ibmz-and-linuxone/blogs/mario-perotti/2022/05/09/ims-tm?communityKey=eba3ada3-db89-4dca-9154-328195f5e560" target="_blank" rel="noopener noreferrer" aria-label="Read the blog on using IMS TM for your enterprise">
 												Read the blog →
 											</a>
 										</div>
 										<!-- Card -->
 										<div class="pure-u-1 pure-u-sm-1 pure-u-md-1-2 blog-card">
+											<img class="ims-card-icon" src="wp-content/icons/security.svg" alt="">
 											<h3>Making IMS transactions more secure by Client ID</h3>
 											<a href="https://community.ibm.com/community/user/ibmz-and-linuxone/blogs/hiroyuki-fuchiue/2024/05/21/making-ims-transactions-more-secure-by-client-id?communityKey=eba3ada3-db89-4dca-9154-328195f5e560" target="_blank" rel="noopener noreferrer" aria-label="Read the blog on making IMS transactions secure">
 												Read the blog →

wp-content/icons/data--check.svg

@@ -87,28 +87,6 @@
     padding-top: 50px;
 }
 
-/* BENEFITS SECTION */
-
-.benefits-section {
-    padding: 3em 0em 3em 3em;
-}
-
-.benefits-section h3 {
-    color: black;
-}
-
-.benefits-section a {
-    color: #0F62FE;
-    font-size: 18px;
-    position: absolute;
-    bottom: 0;
-}
-
-.benefits-section img {
-    width: 300px;
-    margin: 20px 0px;
-}
-
 /* HONE SKILLS SECTION */
 .hs-section {
     padding: 2em 6.5em;
@@ -179,3 +157,9 @@
     font-size: 18px;
 }
 
+.blog-card img {
+    filter: brightness(0) invert(1);
+    width: 35px;
+    height: 35px;
+}
+