ts from being too close to the edge */
      .container {
        padding-bottom: 50px;  /* Add padding at the bottom if needed */
      }

      .top-buffer {
        margin-top: 20px; /* Add some spacing between rows */
      }
    </style>
  </head>
  <body>
    <div class="container py-5">
      <div class="row top-buffer">
        <div class="col-sm-6">
          <div id="instruction-text" class="text-center">
            <h4>Instruction:<br>{{ instruction_text }}</h4>
          </div>
        </div>
 