@keyframes skyPan {
    from {background-position: 0% 30%;}
    to {background-position: 100% 30%;}
}

.bigHeader {
    padding: 3%;

    object-fit: cover;
    position: relative;
    min-height:100vh;

    background-image: url("../assets/belfast_sunset_puresky.jpg");
    background-size: 400%;

    animation-name: skyPan;
    animation-duration: 2000s;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}

@media only screen and (max-width: 600px) {
  spline-viewer {
    height: 0px;
  }

  .bigHeader {
    object-fit: fill;
    min-height: 88vh;

    background-size: 1000%;
  }
}