html, body {
  background-color: black;
}

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

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

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

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

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

@media only screen and (min-width: 1000px) {
  #vests-04 {
    transform: translate(0%, -50%);
    height: auto;
    width: 100dvw;
  }
}

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

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

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

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

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

@media only screen and (min-width: 1000px) {
  #vests-07 {
    transform: translate(0%, -50%);
  }
}