@@ -195,6 +195,15 @@ features = store.retrieve_online_documents(
              <div class="integration-item">
                <img src="/images/logos/azure_synapse.png" alt="Azure Synapse" class="integration-logo">
              </div>
            </div>
          </div>

@@ -231,6 +240,24 @@ features = store.retrieve_online_documents(
              <div class="integration-item">
                <img src="/images/logos/singlestore.png" alt="SingleStore" class="integration-logo">
              </div>
            </div>
          </div>
        </div>

@@ -595,11 +595,32 @@ main::before {
    max-width: 130px;
}

.integration-logo:hover {
    opacity: 1;
    filter: grayscale(0%) contrast(1);
}

.integration-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
-Original file line number
+Diff line change
@@ Expand Up / @@ -195,6 +195,15 @@ features = store.retrieve_online_documents( @@
                   <div class="integration-item">
                     <img src="/images/logos/azure_synapse.png" alt="Azure Synapse" class="integration-logo">
                   </div>
                 </div>
               </div>
@@ Expand Down / @@ -231,6 +240,24 @@ features = store.retrieve_online_documents( @@
                   <div class="integration-item">
                     <img src="/images/logos/singlestore.png" alt="SingleStore" class="integration-logo">
                   </div>
                 </div>
               </div>
             </div>
@@ Expand Down @@