#cobra-widget {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 820px;
  transform-origin: top left;
}

#cobra-widget #scene {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 16px 20px;
  width: 100%;
  gap: 0;
}

#cobra-widget #middle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 160px;
}

@media (max-width: 860px) {
  #cobra-widget {
    transform: scale(0.75);
    margin-left: calc(50vw - 820px * 0.75 / 2);
    margin-bottom: -80px;
  }
}

@media (max-width: 640px) {
  #cobra-widget {
    transform: scale(0.55);
    margin-left: calc(50vw - 820px * 0.55 / 2);
    margin-bottom: -180px;
  }
}

@media (max-width: 420px) {
  #cobra-widget {
    transform: scale(0.38);
    margin-left: calc(50vw - 820px * 0.38 / 2);
    margin-bottom: -260px;
  }
}