diff --git a/app/home/templates/home/sections/sponsor-section.html b/app/home/templates/home/sections/sponsor-section.html
index 597e285..f597910 100644
--- a/app/home/templates/home/sections/sponsor-section.html
+++ b/app/home/templates/home/sections/sponsor-section.html
@@ -207,29 +207,35 @@
                 style="color: #7c5e3b">Platinum Sponsor</h3>
             <div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 items-center">
               {% for sponsor in sponsors %}
-                 <div class="relative flex h-48 items-center justify-center overflow-hidden rounded-lg bg-white p-8">
+                <div class="{% if sponsor.info %}sponsor-card-container group{% endif %} relative flex h-48 items-center justify-center overflow-hidden rounded-lg bg-white p-8 {% if sponsor.info %}cursor-pointer{% endif %}">
                     {% if sponsor.is_pao_connected %}
                     <img
                       src="/static/img/vectors/pao-ribbon.svg"
                       alt="PAO Ribbon"
-                      class="absolute top-0 right-[20px] w-[50px]"
+                      class="sponsor-pao-ribbon absolute top-0 right-[20px] w-[50px] z-20"
                     >
                     {% endif %}
                   {% if sponsor.website_url %}
                     <a href="{{ sponsor.website_url }}"
                        target="_blank"
-                       rel="noopener noreferrer">
+                       rel="noopener noreferrer"
+                       class="w-full h-full flex items-center justify-center">
                       <img src="{{ sponsor.logo_url }}"
                            alt="{{ sponsor.name }}"
-                           class="max-w-full max-h-32 object-contain"
+                           class="sponsor-logo-blur max-w-full max-h-32 object-contain"
                            width="256" height="128" />
                     </a>
                   {% else %}
                     <img src="{{ sponsor.logo_url }}"
                          alt="{{ sponsor.name }}"
-                         class="max-w-full max-h-32 object-contain"
+                         class="sponsor-logo-blur max-w-full max-h-32 object-contain"
                          width="256" height="128" />
                   {% endif %}
+                  {% if sponsor.info %}
+                    <div class="sponsor-card-overlay absolute inset-0 flex items-center justify-center p-4 bg-white/85 opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10 rounded-lg">
+                      <p class="text-sm text-center font-nunito" style="color: #7c5e3b">{{ sponsor.info }}</p>
+                    </div>
+                  {% endif %}
                 </div>
               {% endfor %}
             </div>