title: parallax image width for height 550px
body: <p>This may not be the best place to ask this, I am trying to get a full width parallax with the height of 550px....my question is what should the dimensions of the image be? Below is my CSS code</p>
  
  <pre><code>element.style {
      background-image: url(home-1-1.jpg);
      min-height: 550px;
      height: 550px;
      position: relative;
      left: 15px;
      box-sizing: border-box;
      width: 1472px;
  }
  
  .eltdf-parallax-row-holder {
      position: static;
      padding: 0;
      background-attachment: fixed;
      background-color: transparent;
      background-position: center 0;
      background-repeat: no-repeat;
      overflow: hidden;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      transform: translateZ(0);
      -moz-transform: none;
  }
  </code></pre>
  
  <p>The size of home-1-1.jpg is 2000x542 and when applied to the parallax it looks super zoomed in. What can I do to make it look better?</p>