E

.card {
  position: relative;
  text-align: center;
  color: black;
}

.card, .card > img {
    transition: .3s;
}

.card > img {
    border-radius: 50%;
    filter: blur(4px);
}

.card:hover > img {
    border-radius: 20px;
    filter: none;
}

.card:hover > .centered {
    display: none;
}

.card:hover > .cardContent {
    display: block;
}

.cardContent {
    display: none;
}

.card .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  font-size: 30px;
  font-family: sans-serif;
  font-weight: bold;
}