[html]<div class="puzzle-wrapper">
<div class="puzzle-container" id="puzzleContainer">
  <div class="puzzle-word">
            <div class="puzzle-letter">
                <img src="https://upforme.ru/uploads/0015/e5/b7/3090/493811.png">
                <input type="text" maxlength="1" data-keys="в">
            </div>
            <div class="puzzle-letter">
                <img src="https://upforme.ru/uploads/0015/e5/b7/3090/839881.png">
                <input type="text" maxlength="1" data-keys="р">
            </div>
            <div class="puzzle-letter">
                <img src="https://upforme.ru/uploads/0015/e5/b7/3090/772821.png">
                <input type="text" maxlength="1" data-keys="а">
            </div>
            <div class="puzzle-letter">
                <img src="https://upforme.ru/uploads/0015/e5/b7/3090/674742.gif">
                <input type="text" maxlength="1" data-keys="т">
            </div>
            <div class="puzzle-letter">
                <img src="https://upforme.ru/uploads/0015/e5/b7/3090/674742.gif">
                <input type="text" maxlength="1" data-keys="а">
            </div>
  </div>
  <div class="puzzle-word">
    <div class="puzzle-letter">
                <img src="https://upforme.ru/uploads/0015/e5/b7/3090/493811.png">
                <input type="text" maxlength="1" data-keys="п">
            </div>
    <div class="puzzle-letter">
                <img src="https://upforme.ru/uploads/0015/e5/b7/3090/493811.png">
                <input type="text" maxlength="1" data-keys="о">
            </div>
    <div class="puzzle-letter">
                <img src="https://upforme.ru/uploads/0015/e5/b7/3090/493811.png">
                <input type="text" maxlength="1" data-keys="д">
            </div>
    <div class="puzzle-letter">
                <img src="https://upforme.ru/uploads/0015/e5/b7/3090/493811.png">
                <input type="text" maxlength="1" data-keys="в">
            </div>
    <div class="puzzle-letter">
                <img src="https://upforme.ru/uploads/0015/e5/b7/3090/493811.png">
                <input type="text" maxlength="1" data-keys="о">
            </div>
    <div class="puzzle-letter">
                <img src="https://upforme.ru/uploads/0015/e5/b7/3090/493811.png">
                <input type="text" maxlength="1" data-keys="д">
            </div>
    <div class="puzzle-letter">
                <img src="https://upforme.ru/uploads/0015/e5/b7/3090/493811.png">
                <input type="text" maxlength="1" data-keys="н">
            </div>
    <div class="puzzle-letter">
                <img src="https://upforme.ru/uploads/0015/e5/b7/3090/493811.png">
                <input type="text" maxlength="1" data-keys="о">
            </div>
    <div class="puzzle-letter">
                <img src="https://upforme.ru/uploads/0015/e5/b7/3090/493811.png">
                <input type="text" maxlength="1" data-keys="г">
            </div>
    <div class="puzzle-letter">
                <img src="https://upforme.ru/uploads/0015/e5/b7/3090/493811.png">
                <input type="text" maxlength="1" data-keys="о">
            </div>
  </div>
</div>
       
        <div class="puzzle-controls">
            <button id="checkBtn" class="btn check-btn">Проверить</button>
            <button id="clearErrorsBtn" class="btn clear-btn">Очистить ошибки</button>
            <button id="resetBtn" class="btn reset-btn">Сбросить полностью</button>
        </div>
       
        <div class="puzzle-info">
            <p>Введите по одной букве в каждое поле</p>
            <p>Буква считается правильной, если она совпадает с ключом (регистр не важен)</p>
        </div>

    </div>
[/html]