.ProjectHeroImg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ProjectGrid{height:500px;overflow:hidden}.ProjectGrid,.ProjectOverlay:after{position:absolute;width:100%;z-index:1}.ProjectOverlay:after{background:linear-gradient(180deg,transparent,#ffffff)}.ProjectOverlay:after,.dark-mode .ProjectOverlay:after{content:"";left:0;bottom:0;height:302px;pointer-events:none}.dark-mode .ProjectOverlay:after{position:absolute;width:100%;background:linear-gradient(180deg,transparent,#0a0a0a);z-index:1}@media screen and (max-width:480px){.ProjectGrid{height:auto;position:relative}.ProjectHeroImg{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;margin-top:0}.ProjectOverlay:after{height:180px;background:linear-gradient(180deg,transparent,#ffffff)}.dark-mode .ProjectOverlay:after{height:180px;background:linear-gradient(180deg,transparent,#0a0a0a)}}