body,html {
      margin: 0;
      padding: 0;
      width: 100%;
      height: 100%;
    }
    .container {
      height: 100vh;
      width: 100%;
      display: flex;
      justify-content: center;
    }
    .content {
      position: relative;
      height: 100%;
      aspect-ratio: 412 / 915;
      overflow-x: hidden;
    }
    .random-text {
      height: 100%;
      aspect-ratio: 412 / 915;
      padding: 5px;
      box-sizing: border-box;
      display: none;
    }
    img, video, button {
      display: block;
      max-width: 100%;
    }
    .el-img {
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 0;
    }
  .outer {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .box {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: relative;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
  }
  .box::-webkit-scrollbar {
    display: none; /* Chrome / Safari / Opera */
  }
.el-1 { position: absolute; bottom: 0; left:0px; z-index:1; width:100%;aspect-ratio: 261.16 / 41.44; }