diff --git a/sass/gallery.scss b/sass/gallery.scss index 6ba6080..54c1454 100644 --- a/sass/gallery.scss +++ b/sass/gallery.scss @@ -1,6 +1,5 @@ @import "variables"; - .gallery { display: grid; grid-auto-flow: row dense; @@ -11,12 +10,17 @@ img { max-width: 100%; } - - img:hover { - border: 2px ridge var(--accent); - } } .gallery:has(img:hover) img:not(:hover) { filter: brightness(0.5) contrast(0.5); } + +@media not (prefers-reduced-motion) { + .gallery img:hover { + position: relative; + border: 2px ridge var(--accent); + transform: scale(1.7) translate(0, 25px); + z-index: 200; + } +}