title: Radial-Gradient Circle Overlay on Background Image
body: <p>I am trying to apply a radial-gradient circle with dimensions on top of a background image in css.  Whenever I apply the gradient line, it doesn't do anything - my layers appear to be out of order.  </p>
  
  <pre><code>/* HTML Styles */
  html {
      background-image: url("image1.jpg");
      background-attachment: fixed;
  }
  
  /* Body Styles */
  
  body {
  
      background-image: url("image2.jpg");
      background: radial-gradient(circle closest-corner at 40% 70%, white 15%, 
      rgba(151, 151, 151, 0.5) 50%);
  
  }
  </code></pre>