jQuery метод .wrap()
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$('.youtube').wrap("<div class='step_1' style='display:none;'></div>");
</script>
сперва подключаем Jquery
Выбираем класс teg далее добавляем wrap
jQuery метод .wrap() обертывает каждый совпавший элемент, или элементы в наборе, выбранными HTML элементами.
Обращаю Ваше внимание, что метод .wrap() фактически обратен методу .unwrap():
После этого добавляем любой html teg