.container {
        border: 0;
        flex: 1;
        width: 1080px;
        padding: 8px;
        background: #fff;
        border-radius: 8px;
        display: block;

        overflow-y: unset;
        margin: 8px auto;
      }

      header.title {
        background-color: #fff;
      }
      #headerUserBack {
        margin-right: 0;
      }
   

      .image_title div {
        margin: 16px 0;
      }

      #imageTipsBox {
        margin-top: 60px;
      }

      #controls {
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .grid-container {
        width: 100%;
      }

      #videoContainer {
        outline: 1px solid #aaa;
      }

      #controls button {
        background-color: var(--button-color);
        color: var(--color-white);
        justify-content: center;
        text-align: center;
        width: 145px;
      }

      #controls button span {
        margin: 0;
      }

      @media screen and (orientation: portrait) {

        .section {
          padding: 4px;
        }

        .container {
          width: 98%;
       margin: 4px auto;
       padding: 0;
        }

        .grid-container {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          grid-gap: 0;
          width: 100%;
          padding: 0;
        }
        .section .file-info {
          width: 100%;
          padding: 8px 0;

        }

        #videoContainer {
          width: 100%;
        }
      }