title: Locomotive Content not visible even when visible in CSS dev tool
body: <p>Using Locomotive Smooth scroll, Scroll works fine, the issue occurs while scrolling back to the top, the header doesn't get visible even when the CSS inspect has opacity 1, so not sure why the header is not getting visible.</p>
  <p>Another strange behaviour, header gets visible if I untick and tick back any CSS on the dev console or If I do select all from the keyword then the header gets visible, If I resize the browser then the header gets visible.</p>
  <p>let options = {
  el: document.querySelector('[data-scroll-container]'),
  smooth: true,
  getSpeed: true,
  getDirection: true,
  reloadOnContextChange: true
  }</p>
  <p>const scroll = new LocomotiveScroll(options);</p>
  
  <p>header have data-scroll  data-scroll-section</p>