Adam Hill

let pica = ["Anna", 12, "Sam", 9, "Kate", 10, "Ron", 9];
pica.forEach(pic=>{
    if (typeof pic === "string") {
        console.log(pic + " - string value");
    } else {
        console.log(pic + " - number value")
    }
})

Делаешь 2 вида! Один вид в открытом состоянии, другой вид в закрытом!

И вот в закрытом виде, стили вешаешь на hover

.card { transition: 0.3s; }
.card:hover {  transition: 0.3s; }