.template {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0.2;
  z-index: 0;
  display: flex;
  justify-content: center;
  overflow-x: hidden;
}
.template .template1800 {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 1800px;
}
.template .template768 {
  position: relative;
  display: none;
  margin: 0 auto;
  width: 768px;
}
.template .template393 {
  position: relative;
  display: none;
  margin: 0 auto;
  width: 393px;
}

@media (max-width: 768px) {
  .template .template1800 {
    display: none;
  }
  .template .template768 {
    display: block;
  }
  .template .template393 {
    display: none;
  }
}
@media (max-width: 440px) {
  .template .template1800 {
    display: none;
  }
  .template .template768 {
    display: none;
  }
  .template .template393 {
    display: block;
  }
}