<img src="https://res.cloudinary.com/nucliweb/image/upload/v1578154091/joanleon.dev/JL.svg" alt="Joan León" title="Joan León" class="logo">
html,
body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo {
  border-radius: 50%;
  transition: width .25s, box-shadow .25s;
  width: 150px;
}

.logo:hover {
  box-shadow: 0 0 10px rgba(0,0,0,.2);
  width: 200px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.