html, body {
       max-width: 100%;
       overflow-x: hidden;
   }

   .container,
   .box {
       max-width: 100%;
       overflow-x: hidden;
   }

   @media (max-width: 768px) {
       .container {
           width: 100%;
           max-width: 100%;
           padding-left: 1rem;
           padding-right: 1rem;
       }

       .box {
           width: 100%;
           max-width: 400px;
           margin-inline: auto;
       }
   }