.container{position:relative}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(91,84,84,.3);z-index:-2}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;justify-items:center}.grid-item{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:hsla(0,0%,100%,.8);padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.grid-item h2{margin-top:10px}@media (max-width:768px){.grid-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.card{width:calc(20% + 32px);text-align:center;color:#fff;background-color:rgba(0,0,0,.6);padding:16px;margin:20px auto}.card img{width:100%;height:auto;display:block}.title{color:#fff;text-align:center;margin-top:20px;z-index:2;position:relative}