.bodie{align-items:center;background-color:#fff;display:flex;flex-direction:column;font-family:Oswald,sans-serif;margin:0;padding:20px}.blog-link{color:inherit;display:block;text-decoration:none;width:100%}.blog-list{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);max-width:1200px;width:100%}.blog-container{border-radius:5px;max-height:450px;max-width:450px;opacity:0;overflow:hidden;padding-bottom:100%;position:relative;transition:opacity .5s ease-in-out;width:100%}.blog-container img{object-fit:cover}.blog-container img,.overlay{border-radius:5px;height:100%;left:0;position:absolute;top:0;width:100%}.overlay{align-items:center;background-color:rgba(0,0,0,.5);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:center;opacity:0;padding:10px;text-align:center;transition:opacity .3s ease,background-color .3s ease}.blog-container:hover .overlay{background-color:rgba(0,0,0,.8);opacity:1}.size{font-size:10px}.size,.sizep{color:#fff;margin-bottom:10px}.sizep{font-size:.8em;margin-top:5px}.overlay span.desktop-only-link{cursor:pointer;font-size:1em;margin-top:10px;text-decoration:underline}.visible{opacity:1}@media (max-width:900px){.blog-list{gap:15px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-list{grid-template-columns:1fr}.overlay{display:none}}