*{
   padding:0;
   margin:0;
}
body {
   background-color: #4D1F6C
}

.container {
  min-width:100vw;min-height:100vh;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
}

.img-banner {
  width:90vw;height:auto;
  position:absolute; top:-30px;
}
.img-banner {
  display:block;
  margin-left:18px;
  margin-right:18px;
}

.img-main {
  width:53vw;height:auto;
  position:absolute; left:130px; top:70px;
}
.img-side {
  width:52.8vw;height:auto;
  position:absolute; left:131.5px; top:320px;
}

.img-sigma {
  width:100vw;height:auto;
  position:absolute; left:0px; top:480px;
}
.gif-sigzai {
  width:24vw;height:auto;
  position:absolute; left:5px; top:387px;
}

@media only screen and (min-width:800px) {
  .img-banner {
  width:90vw;height:auto;
  position:absolute; top:-30px;
}
.img-banner {
  display:block;
  margin-left:50px;
  margin-right:50px;
}

  
.img-main {
  width:35vw;height:auto;
  position:absolute; left:320px; top:300px;
}
.img-side {
  width:34.8vw;height:auto;
  position:absolute; left:760px; top:302px;
}

.img-sigma {
  width:100vw;height:auto;
  position:absolute; left:0px; top:900px;
}
.gif-sigzai {
  width:32vw;height:auto;
  position:absolute; left:773px; top:625px;
}
}
@media only screen and (min-width:1900px) {
  .img-banner {
  width:90vw;height:auto;
  position:absolute; top:-200px;
}

.img-main {
  width:53vw;height:auto;
  position:absolute; left:130px; top:100px;
}
.img-side {
  width:52.8vw;height:auto;
  position:absolute; left:131.5px; top:320px;
}

.img-sigma {
  width:100vw;height:auto;
  position:absolute; left:0px; top:480px;
}
.gif-sigzai {
  width:24vw;height:auto;
  position:absolute; left:5px; top:387px;
}
}