.image-box {
    /* Here's the trick */
    
  
    /* Basic background styles */
    background: var(--image-url) center center no-repeat;
    
  
    /* Here's the same styles we applied to our content-div earlier */
    color: white;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Add a transition, just for fun */
    
  }
  
  /* For demo only */
  html, body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
  }
  h1 {
    font-size: 40px;
  }