translation don't work

Using Django Templates & Frontend
1

my translation system don’t work.
if you know why, please tell me:

  <section id="about">
        <div class="d-flex justify-content-between align-items-center flex-sm-row flex-column">
            <h2>{% translate "Change password successfully" %}</h2>
            <div class="d-flex justify-content-between align-items-center flex-sm-row flex-column p-4">
                <h1 class="page-title"></h1>
                <a href="/" class="btn btn-info">Back to home</a>
            </div>
        </div>
    </section>
2

Side Note: When posting code, templates, error messages, etc, here, enclose the code between lines of three backtick - ` characters. This means you’ll have a line of ```, then your code, then another line of ```. This forces the forum software to keep your code properly formatted. (I’ve taken the liberty of fixing your original post for this.)