html{
    background-image: linear-gradient(white, rgb(17, 5, 59), black);
}


body main{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }


@keyframes growImage {
    from {
      width: 0;
      height: 0;
    }
    to {
      width: 400px;
      height: 400px;
    }
  }
  
img {
    vertical-align: middle;
    align-items: center;
    webkit-animation: growImage 2s ease-in-out forwards;
    moz-animation: growImage 2s ease-in-out forwards;
    animation: growImage 2s ease-in-out forwards;
  }