body {
    background-color: black;
}

div {
    margin: auto;
    margin-top: 40vh; 
    width: 300px;
    height: 300px;
    animation-name: scaleUp;
    animation-duration: 2s;
    background-color: none;
    z-index: -100
 
}

img {
    width: 300px;
    animation-name: scaleUp;
    animation-duration: 2s;
    
    width: 100%;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}

/* Make image go from small to large  */
/* The animation code */
@keyframes scaleUp {
  from {transform: scale(0.5);}
  to {transform: scale(1);}
}

@keyframes glow {
  from {
    box-shadow: 0 0 100px #fff;
  }
  to {
    box-shadow: 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 50px #fff, 0 0 60px #fff, 0 0 70px #fff, 0 0 80px #fff;
  }
}