how to resize animated svg depending on its content code example

Example 1: bootstrap 4 auto resize svg image

<img src="monkey.svg" alt="Monkey face" style="width: 100%; height: auto;">

Example 2: scaled meaning in animation and how it works html css

@keyframes bounceIn {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  60% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}