*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{background-color:#313131;color:#fff}#cards{width:100%;display:flex;gap:1rem;padding:1rem;flex-wrap:wrap}.card{width:24%;padding:.5rem;background-color:#8b8b8b;border-radius:20px;position:relative;cursor:pointer;overflow:hidden}.card:hover img{scale:1.1}img{border-radius:20px;width:100%;height:100%;object-fit:cover;transition:all .5s linear}.bottom{position:absolute;bottom:0;padding:3rem}h1{margin-bottom:.5rem}