Exploding

На js. Примитивный пример самой сути:

$( ".product:eq(3)" ).after( "<img src='banner.jpg'>" );

Вы не сказали чего именно вы боитесь.

сильнее меня (не физически, а психологически, духовно что-ли)

Так "налить воды" в вопросе - такую-же "воду" в ответах и получили.
Разберите "на молекулы" ситуации, в которые вы боитесь попасть и определите четко хотя-бы для себя, что конкретно вас пугает.

Пару универсальных советов для большинства ситуаций:
- Никогда(!) не завершайте дискуссию, если вам есть еще что сказать/спросить/выяснить, даже если в процессе кому-нибудь, что-то кажется смешным.
- Если все-таки дискуссия просрана и все что вы спрашивали/выясняли и т.д. грозит снизить вашу репутацию до уровня "плебея" - извинитесь перед учасниками за то, что отняли у них время и признайте свои ошибки или неправоту. Смех и шутки над вами после этого, будут просто неуместны.

Ну очевидно же, что блоку, в который загрузится изображение нужно установить ширину и высоту, такую же как у изображения, которое будет загружено.

UPD.
Добавьте в свою lazy-функцию плавное изменение размера блока и "рывков" не будет... Да и вообще, сколько "экземпляров" задач, столько и вариантов решений

Не тратить свое и его время. Хороший преподаватель не может быть хорошим программистом, а хороший программист - не может быть хорошим преподавателем!
По-этому, лучшей и более результативной помощью с вашей стороны было бы - найти ему подходящие качественные курсы.

Может хватит уже этих "плюсиков" и "черточек" возле инпутов? Есть же нормальный spinEdit в виде input type="number", где можно как свободно указать необходимое кол-во, так и наклацать мышкой, при этом в параметрах поля можно задать мин и макс значения, шаг и это все будет корректно обрабатывать браузер, а вам остается только при событии blur передать значение в функцию типа: updateItemCart(id, qty)
Вот интересно было бы на вас посмотреть, если бы вам в магазине с подобной реализацией корзины, понадобилось добавить в нее, например 1500 п/м кабеля, который продается от 1 м/п.

data-id="<?= $id?>" - я бы повесил на tr, как на главный контейнер позиции, и было бы проще искать дочерние элементы.

и убрать type="submit" со span-a, тогда и preventDefault не понадобится, да и формы то нет там никакой, а значит и код еще валиднее станет.

<form action='/' method='post' enctype='multipart/form-data'>
...
</form>

Так?

<form action="http/184.187.195.162/youdo/application" method="get">
	<input type="checkbox" name="formCheck" value="15">
	<input type="hidden" name="bm" value="<?=$_GET['bm']?>">
</form>

a.filter__menu-item:hover:after{
   ...
}

По-моему, понимание основ иерархии - намного важнее БЭМ