body {background-attachment: fixed;}.gallery-wrap, #gallery {overflow: hidden;}#filters {margin: 1%;padding: 0;list-style: none;overflow: hidden;}#filters li {float: left;}#filters li span {display: block;padding: 5px 20px;cursor: pointer;text-transform: capitalize;transition: all ease-in-out 0.25s;color: #666;}#filters li:hover span {color: var(--bs-white);}#filters li span.active {background: var(--bs-tertiary);color: #fff;}.gallery-item {float: left;display: none;position: relative;z-index: 10;}.inside {position: relative;overflow: hidden;width: 100%;height: 100%;}.details, .overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;}.details {display: flex;align-items: center;justify-content: center;z-index: 2;transition: all 0.3s ease-in-out;}.details h2 {color: #fff;font-size: 1.5em;margin: 0;}.details p {color: #fff;font-size: 1em;text-transform: uppercase;margin: 0;letter-spacing: 2px;}.overlay {background: rgba(31, 186, 231, 0.8);z-index: 1;transition: all 0.7s ease-in-out;}.gallery-item:hover .details, .gallery-item:hover .overlay {opacity: 1;}@media (min-width: 1200px) and (max-width: 1600px) {#filters li span {width: 10rem;font-size: 1.145rem;}}@media (min-width: 999px) and (max-width: 1200px) {#filters li span {width: 9rem;font-size: 1rem;}}