html, body {
  background-color: black;
}

@media only screen and (min-width: 760px) {
  #scarfs-02 {
    transform: translate(0, -50%);
    height: 100dvh;
  }
}

@media only screen and (min-width: 1000px) {
  #scarfs-02 {
    transform: translate(-100%, -50%);
    height: 100dvh;
  }
}

@media only screen and (min-width: 760px) {
  #scarfs-03 {
    transform: translate(0, -50%);
    height: 100dvh;
  }
}

@media only screen and (min-width: 1000px) {
  #scarfs-03 {
    transform: translate(100%, -50%);
    height: 100dvh;
  }
}

@media only screen and (min-width: 760px) {
  #scarfs-05 {
    transform: translate(0, -50%);
    height: 100dvh;
  }
}

@media only screen and (min-width: 1000px) {
  #scarfs-05 {
    transform: translate(-100%, -50%);
    height: 100dvh;
  }
}

@media only screen and (min-width: 760px) {
  #scarfs-06 {
    transform: translate(0, -50%);
    height: 100dvh;
  }
}

@media only screen and (min-width: 1000px) {
  #scarfs-06 {
    height: 100dvh;
    width: fit-content;
  }
  #scarfs-06 img {
    width: 100%;
  }
}