From ae9ba2b775085632275524a320ed5742c51ae4f7 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Tue, 29 Oct 2024 09:16:03 -0500
Subject: [PATCH] Merge pull request #21411 from overleaf/jel-gallery

[web] "Back to ..." link text and hover effect on gallery search result images

GitOrigin-RevId: bfa21b17da7a3409139b1cf186b036ee65bf87eb
---
 .../components/gallery-search.scss            | 28 +++++++++----------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/gallery-search.scss b/services/web/frontend/stylesheets/bootstrap-5/components/gallery-search.scss
index 3e10a6b6fe..9cadbf2b4b 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/components/gallery-search.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/gallery-search.scss
@@ -46,30 +46,30 @@
           justify-content: center;
           height: 100%;
           width: 100%;
+          position: relative;
+
+          &::before {
+            content: '';
+            background: var(--neutral-90);
+            opacity: 0;
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            border-radius: var(--border-radius-base);
+            transition: opacity 0.15s ease-in-out;
+          }
 
           img {
             @include shadow-md;
 
             width: 185px;
             border-radius: var(--border-radius-base);
-            position: relative;
 
             @include media-breakpoint-down(sm) {
               width: 35vw;
             }
-
-            &::before {
-              content: '';
-              background: var(--neutral-90);
-              opacity: 0;
-              position: absolute;
-              top: 0;
-              left: 0;
-              width: 100%;
-              height: 100%;
-              border-radius: var(--border-radius-base);
-              transition: opacity 0.15s ease-in-out;
-            }
           }
 
           &:hover {