.image { filter: grayscale(100%); pointer-events: none; } .card { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .info { color: black; font-family: Arial, Helvetica, sans-serif; } svg { background-color: #ccc; } /* h1 { -webkit-background-clip: text; background-clip: text; background-image: url('https://images.unsplash.com/photo-1620370053209-be66e35a1ea6?w=480'); background-size: 150px; color: transparent; filter: grayscale(55%); } */