Андрей Федоров

https://developer.mozilla.org/ru/docs/Web/CSS/opacity
для белого цвета - фон по картинкой должен быть белым.

Ну вот например способ. Идем в Google Docs. Создаем документ "таблица" как нужно. Меню файл > Публикация в Интернете. Выбираем "Встроить". Параметры - по вкусу. Получаем код для вставки на сайт.

ps: )

1. Долго грузятся картинки 475x474 и шрифты. Когда решите можно будет продолжить.

Так-то вроде не сложно на flex - https://codepen.io/aliencash/pen/eYNKQBR
Сложно когда пытаешься, чтобы адаптивно было. Но в приниципе все можно посчитать, даже на css, если помнить теорему Пифагора.

<input type="time">
Относительно формата f, наличие/отсутствие такого указания будет зависеть о настроек операционной системы пользователя.

https://codepen.io/aliencash/pen/vYOdmRo
Или svg мучайте.

UP: Придумал поинтереснее вариант - https://codepen.io/aliencash/pen/rNVJmKv

.elem:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,60,255,.5);
}

Форма бланка утверждается ЦБ, т.ч. возможны изменения в этот бланк. В теории в будущем придется отслеживать изменения и переверстывать. Поэтому я бы предложил взять этот бланк в каком-нибудь бухгалтерском софте, где он доступен бесплатно и распарсить у себя. Это сложнее, но зато вам не нужно будет следить за изменениями или это можно будет автоматизировать.