.snippits-container{flex-wrap:wrap;justify-content:flex-start;gap:20px;width:90%;margin:0 auto 2em;display:flex}.snippits-container .card{cursor:pointer;box-sizing:border-box;border-radius:8px;flex:calc(30% - 20px);transition:transform .3s ease-in-out;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.snippits-container .card:nth-child(4n){margin-right:0}.snippits-container .card:hover{transform:translateY(-5px)}.snippits-container .card-link{text-decoration:none}.snippits-container .card-image{background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:80px;display:flex;position:relative}.snippits-container .overlay{background:linear-gradient(45deg,#e44019b3,#e44019b3,#e6671ab3);justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .3s ease-in-out;display:flex;position:absolute;top:0;left:0}.snippits-container .card:hover .overlay{background-color:#00000080}.snippits-container .card-title{color:#fff;text-align:center;z-index:1;text-shadow:1px 1px 2px #000c;font-family:Cardo,serif;font-size:1.2rem;font-weight:400;transition:font-weight .3s ease-in-out}.snippits-container .card:hover .card-title{font-weight:700}.snippits-container .grid-container:last-child{justify-content:center}@media (max-width:768px){.snippits-container .card{flex:100%}.snippits-container .grid-container{justify-content:center}}