:local(.styles) {
  position: absolute;
  width: 100%;
  height: 140px;
  bottom: 0;
  left: 0;
  text-align: center;
  background: rgba(0,0,0,0.8);

  .container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}

:local(.styles) {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 140px;
  bottom: 0;
  left: 0;
  text-align: center;
  background: rgba(0,0,0,0.8);

  .container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}

Switch footer to fixed positioning so it underlays main el
Switch footer to fixed positioning so it underlays main el
