title: Forcing a CSS background image to be HTTPS
body: <p>I am looking to secure my website with HTTPS however I am receiving a mixed-content error as my background images from my CSS file are loading as 'http'.</p>
  
  <p>I am aware if you can somehow change 'http' to 'https' then it will solve the error - However im unaware on how to do this as I am not using Wordpress.</p>
  
  <pre><code>.image-1 {
  
    background-image: url(../images/image1.jpg);
  }
  
  .image-2 {
  
    background-image: url(../images/image2.jpg);
  }
  </code></pre>
  
  <p>How can I solve this issue? Is there any way to force images to load as HTTPS?</p>
  
  <p>Thanks.</p>