.CardContainer{display:flex;flex-direction:column;align-items:center;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.TextCardContainer{display:flex;justify-content:center;width:100%}.TextCardContainer a{display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#fff;height:20px;min-width:15%;align-items:center;justify-content:space-around;text-align:center;background-color:gray;padding:5px;border-radius:5px;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none}.TextCardContainer a:hover{background-color:#2d58c5}.TextCardContainer a:active{background-color:#193886}figure{display:grid;border-radius:1rem;overflow:hidden;cursor:pointer;transition:transform .2s cubic-bezier(.23,0,0,1.04);max-width:500px;max-height:500px;min-width:300px;min-height:300px}.DogImg{max-width:500px;max-height:500px;min-width:300px;min-height:300px}figure>*{grid-area:1/1;transition:.4s}figure figcaption{-webkit-user-select:none;user-select:none;display:grid;align-items:end;font-family:sans-serif;font-size:2.3rem;font-weight:700;color:#0000;padding:.75rem;background:var(--c,#0009);clip-path:inset(0 var(--_i,100%) 0 0);mask:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:xor;mask-clip:text,padding-box;-webkit-mask-clip:text,padding-box;margin:-1px}figure:hover figcaption{--_i: 0%}figure:hover .DogImg{transform:scale(1.2)}@supports not (-webkit-mask-clip: text){figure figcaption{mask:none;-webkit-mask:none;color:#fff}}figure:active{transform:scale(85%)}p{color:#fff}body{padding:0;margin:0;background-color:#2b2b2b}:root{padding:0;margin:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center}