.portfolio-img {
   border-radius: 12px;
   transition: 0.3s;
   box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

.portfolio-img:hover {
   transform: scale(1.03);
   filter: brightness(0.7);
}

/* LIGHTBOX */
.img-lightbox {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.95);
   justify-content: center;
   align-items: center;
   z-index: 9999;
}

.img-lightbox img {
   max-width: 90%;
   max-height: 80%;
   border-radius: 10px;
}

.img-lightbox .nav {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   font-size: 50px;
   color: #fff;
   cursor: pointer;
   padding: 20px;
}

.img-lightbox .prev { left: 20px; }
.img-lightbox .next { right: 20px; }