Add Technology Fast 500 and Coolest Cloud Computing Startup awards to…

… site (#13493)

* Add Technology Fast 500 and Coolest Cloud Computing Startup awards to site

* fix mismatch in tile heights and image heights

data/awards.toml

@@ -1,3 +1,15 @@
+[[awards]]
+title = "Technology Fast 500, 2024"
+featured = true
+img = "/logos/press/awards/fast-500-2024.png"
+url = "https://www2.deloitte.com/us/en/pages/technology-media-and-telecommunications/articles/fast500-winners.html"
+
+[[awards]]
+title = "Coolest Cloud Computing Startup Companies of 2024"
+featured = true
+img = "/logos/press/crn.png"
+url = "https://www.crn.com/news/cloud/2024/the-10-coolest-cloud-computing-startup-companies-of-2024"
+
 [[awards]]
 title = "Intellyx Digital Innovator Award, 2024"
 featured = true

layouts/page/awards.html

@@ -8,14 +8,14 @@
             <ul class="list-none md:flex md:flex-wrap">
                 {{ range $.Site.Data.awards.awards }}
                     <li class="my-0 md:w-1/2 p-4 w-full">
-                        <div class="text-center md:text-left md:flex card bg-white p-4">
+                        <div class="text-center md:text-left md:flex card bg-white p-4 h-full">
                             <div class="md:w-1/3 p-4">
                                 {{ if .url }}
                                     <a data-track="{{ .title | urlize }}-img" class="block text-center" href="{{ .url }}">
-                                        <img class="text-center inline-block rounded shadow p-1" src="{{ .img }}" />
+                                        <img class="text-center inline-block rounded shadow p-1 h-52 md:h-auto" src="{{ .img }}" />
                                     </a>
                                 {{ else }}
-                                    <img class="text-center inline-block rounded shadow p-1" src="{{ .img }}" />
+                                    <img class="text-center inline-block rounded shadow p-1 h-52 md:h-auto" src="{{ .img }}" />
                                 {{ end }}
                             </div>
                             <div class="md:w-2/3 p-4 text-left">