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 {