.project-header{height:300px;z-index:1}.project-header.overlay::before{position:absolute;top:0;content:"";background-color:rgba(0,0,0,.5);height:100%;width:100%;z-index:0}.project-header>*{z-index:2}@media(min-width: 992px){.project-header{height:500px}}.project-thumbnail.img-hero{background-size:cover;aspect-ratio:4/3}.project-card{--bs-border-color: white;--bs-border-width: 3px}.project-thumbnail{position:relative}.project-thumbnail a{background:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.8) 100%);transition:background-color 1s;width:100%;height:100%;color:#fff}.project-thumbnail a:hover{position:absolute;top:5px;left:5px;right:5px;bottom:5px;height:auto;width:auto;border:1px solid #fff;background-color:rgba(0,0,0,.5)}.project-thumbnail a::before{opacity:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:2em;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.project-thumbnail .project-title{padding:10px 5px;text-transform:uppercase;text-align:center !important;letter-spacing:1px;position:absolute;margin:0;bottom:0px;left:0px;right:0px;opacity:1;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.project-thumbnail:hover .project-title{opacity:0}.project-thumbnail:hover a::before{opacity:1}