#chainmail-container { position: relative; width: 300px; height: 200px; margin: 30px auto; border: 3px solid #999; overflow: hidden; border-radius: 12px; background-color: #e5e2dc; } #chainmail-overlay { background-image: url('https://upload.wikimedia.org/wikipedia/commons/2/2d/Chain_mail_texture.jpg'); background-size: cover; position: absolute; width: 100%; height: 100%; transition: transform 1s ease; z-index: 2; } #hidden-content { position: relative; z-index: 1; opacity: 0; transition: opacity 1s ease; padding: 20px; } button { margin-top: 15px; padding: 10px 20px; font-family: 'Cinzel Decorative', serif; font-size: 16px; cursor: pointer; background-color: #d8cfc3; border: 2px solid #a99b8e; border-radius: 8px; }
Welcome to Gilded Hearts
You found the hidden heart!
Pull Back Chainmail
