ask for missing service and card img tweaks

hub/services/static/css/servala-main.css

@@ -12071,13 +12071,13 @@ a.btn:focus {
 }
 
 .card__image {
-    height: 120px;
+    height: 100px;
     display: flex;
     overflow: hidden;
 }
 
 .card__image img {
-    max-height: 90px;
+    max-height: 100px;
     max-width: 80%;
     object-fit: contain;
 }

hub/services/templates/services/service_list.html

@@ -1,4 +1,5 @@
 {% extends 'services/base.html' %}
+{% load static %}
 
 {% block content %}
 <section class="section bg-primary-subtle">
@@ -182,6 +183,25 @@
                         </div>
                     </div>
                     {% endfor %}
+                    <div class="col-12 col-md-6 col-lg-4 mb-30">
+                        <div class="card h-100 d-flex flex-column">
+                            <div class="d-flex justify-content-between">
+                                <div class="card__image flex-shrink-0">
+                                    <a href="{% url 'services:contact' %}">
+                                        <img src="{% static "img/sir-vala.png" %}" alt="missing service logo" class="img-fluid">
+                                    </a>
+                                </div>
+                            </div>
+                            <div class="card__content d-flex flex-column flex-grow-1">
+                                <div class="card__header">
+                                    <h3 class="card__title"><a href="{% url 'services:contact' %}" class="text-decoration-none">Missing Service?</a></h3>
+                                </div>
+                                <div class="card__desc flex-grow-1">
+                                    <p class="mb-0">Your favorite service is missing? Let us know which one!</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>