#project-page{margin-top:13rem}#project-page .wrapper{grid-gap:1rem;grid-template-columns:repeat(3,1fr);display:grid}#project-page .wrapper .galeri-box{aspect-ratio:1;border-radius:1rem;transition:all .25s;overflow:hidden}#project-page .wrapper .galeri-box img{object-fit:cover;width:100%;height:100%}#project-page .wrapper .galeri-box .title{opacity:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(-45deg,rgba(38,81,112,.75) 50%,rgba(17,132,214,.5) 100%);justify-content:center;align-items:center;transition:all .25s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#project-page .wrapper .galeri-box .title h3{color:var(--color-white);text-align:center;font-size:1.5rem;font-weight:300}#project-page .wrapper .galeri-box:hover .title{opacity:0}@media (max-width:575.98px){#project-page{margin-top:6rem}#project-page .wrapper{grid-template-columns:repeat(2,1fr)}#project-page .wrapper .galeri-box{border-radius:.5rem}#project-page .wrapper .galeri-box .title{padding:1rem}#project-page .wrapper .galeri-box .title h3{font-size:1.3rem}}