html, body {
  width: 100%;
  height: 100%;
  display: flex;
  color: white;
  text-align: center;
 background: hsl(0, 0%, 7%);
  font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
  overflow:hidden;
}

* {
  margin: 0;
  padding: 0;
}

  @keyframes lightEffect {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
  }
  
  .fade-in img {
    animation: lightEffect 3s ease-in-out;
  }
  
  .parent {
    margin: auto;
    display: flex;
    justify-content: center; 
  }
  
  .parent img {
    width: 300px; 
    height: auto; 
  }