fixup! chore: add images

src/components/GlossarySearch/glossaryTerms.json

@@ -178,6 +178,7 @@
     "termTitle": "Pulumi",
     "pageTitle": "Understanding Pulumi",
     "slug": "pulumi",
+    "imgUrl": "pulumi.svg",
     "definition": "Pulumi is an open-source Infrastructure as Code (IaC) tool that allows developers to define and provision cloud infrastructure using familiar programming languages.",
     "sections": [
       {
@@ -274,6 +275,7 @@
     "termTitle": "HashiCorp",
     "pageTitle": "Understanding HashiCorp and its Tools",
     "slug": "hashicorp",
+    "imgUrl": "hashicorp.svg",
     "definition": "HashiCorp is a software company known for products that provide consistent workflows to provision, secure, connect, and run infrastructure.",
     "sections": [
       {
@@ -537,7 +539,7 @@
     ]
   },
   {
-    "termTitle": "Enterprise Agreement(EA)",
+    "termTitle": "Enterprise Agreement (EA)",
     "pageTitle": "Understanding Enterprise Agreements",
     "slug": "enterprise-agreement",
     "definition": "EA is a volume licensing package for large organizations, offering product discounts and extended terms and support.",
@@ -792,7 +794,7 @@
     "termTitle": "AWS",
     "pageTitle": "Understanding AWS in the Context of FinOps",
     "slug": "aws",
-    "imgUrl": "aws.png",
+    "imgUrl": "aws.svg",
     "definition": "Amazon Web Services, a subsidiary of Amazon providing cloud computing platforms and APIs to businesses, governments, and individuals.",
     "sections": [
       {
@@ -832,9 +834,10 @@
     ]
   },
   {
-    "termTitle": "Google Cloud Platform(GCP)",
+    "termTitle": "Google Cloud Platform (GCP)",
     "pageTitle": "Understanding GCP (Google Cloud Platform)",
     "slug": "google-cloud-platform",
+    "imgUrl": "google-cloud.svg",
     "definition": "GCP is Google's suite of cloud services, offering computing, storage, and various application services.",
     "sections": [
       {
@@ -882,6 +885,7 @@
     "termTitle": "Microsoft Azure",
     "pageTitle": "Navigating Azure in the FinOps Landscape",
     "slug": "azure",
+    "imgUrl": "azure.svg",
     "definition": "Microsoft Azure, a cloud computing service by Microsoft offering solutions like IaaS, PaaS, and SaaS used for building, testing, deploying, and managing applications.",
     "sections": [
       {
@@ -969,6 +973,7 @@
     "termTitle": "Spotify Backstage",
     "pageTitle": "Understanding Spotify Backstage",
     "slug": "spotify-backstage",
+    "imgUrl": "spotify-backstage.svg",
     "definition": "Backstage is an open-source platform built by Spotify to unify and simplify the infrastructure, tooling, and services used by developers in their daily work.",
     "sections": [
       {

src/components/GlossaryTermPage/GlossaryTermPage.css

@@ -32,14 +32,17 @@
 .glossary-term__aside-img-container {
 	position: relative;
 	display: flex;
-	align-items: stretch;
+	align-items: center;
+	justify-content: center;
+	height: 150px;
+	background: url('/img/glossary/background.svg') no-repeat center center;
+	/* background-size: cover; */
 }
 
 .glossary-term__aside-img {	
-	background-color: #fafafa;
-	object-fit: cover;
-	width: 100%;
-	height: 150px;
+	object-fit: contain;
+	width: auto;
+	height: 50px;
 }
 
 .glossary-term__aside-content {

src/components/GlossaryTermPage/GlossaryTermPageAside.tsx

@@ -2,14 +2,15 @@ import React from 'react';
 import { GlossaryTermType } from '../GlossarySearch';
 import OpenBookIcon from '../icons/OpenBookIcon';
 
-const imgUrlPrefix = '/img/glossary/';
+const glossaryPrefix = '/img/glossary/';
+const vendorPrefix = '/img/services/';
 
 const GlossaryTermPageAside = ({ term }: { term: GlossaryTermType }) => (
   <aside className="glossary-term__aside">
     <div className="glossary-term__aside-img-container">
       <img
         className="glossary-term__aside-img"
-        src={term.imgUrl ? `${imgUrlPrefix}/${term.imgUrl}` : `${imgUrlPrefix}/generic.png`}
+        src={term.imgUrl ? `${vendorPrefix}/${term.imgUrl}` : `${glossaryPrefix}/infra.svg`}
         alt=""
       />
       <div className="glossary-term__aside-def">