body {
  display: flex;
}

#logo-container {
  margin: auto;
  width: 100px;
  height: 100px;
  background: url(../images/my_face.jpg);
  background-size: 50% 50%;
  border-radius: 20%;
}

#logo-container:hover {
  background: url(../images/my_face.jpg);
  background-size: 100% 50%;
  /* background-size: contain; Fits image into box without stretching. */
  /* background-size: cover; Fits image into box by cropping without stretching. */
  background-repeat: no-repeat;
}

#logo-container:active {
  background: url(../images/my_face.jpg);
  background-size: 100% 100%;
}