base.css

img {
  display: block;
}
.container {
  position: relative;
  width: 100px;
}
.container2 {
  position: relative;
  width: 140px;
}
.icon {
  height: 100px;
  background: url("test.svg")  no-repeat right top;
}

.style-indicator {
  animation: pulse 1s cubic-bezier(.25,0,.75,1) alternate infinite;
}

.pulse-indicator {
  animation: heart-beat 2s linear infinite;
}

.overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 35%;
  height: 35%;
}

.overlay-indicator {
  position: absolute;
  top: 22%;
  right: 20%;
  width: 20%;
  height: 20%;
}

@keyframes heart-beat {
  0% {
    opacity: 1;
    transform: scale(1.0);
  }
  75% {
    opacity: 1;
    transform: scale(1.0); 
  }
  100% {
    opacity: 0;
    transform: scale(4.0);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1.0);
  }
  100% {
    transform: scale(0.8);
  }
}