img {
  max-width: 600;
  height: auto;
}


body {
  width: 600;
  max-width: 600;
  height: auto;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}

600 {
  width: 600;
  max-width: 600;
  height: auto;
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}

/* Ripple effect */
.ripple {
  background-position: center;
  transition: background 0.8s;
}
.ripple:hover {
  background: #575656 radial-gradient(circle, transparent 1%, #4c4c4c 1%) center/15000%;
}
.ripple:active {
  background-color: #575656;
  background-size: 100%;
  transition: background 0s;
}