JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://payad.me/themes/payadme/css/lp.css">
<script src="https://payad.me/themes/payadme/js/js.js"></script>
<link rel="stylesheet" href="https://payad.me/css/h.css">
<link rel="stylesheet" href="https://payad.me/themes/payadme/bt/css/bt.css">
<link rel="stylesheet" href="https://payad.me/themes/payadme/css/style.css">
<script src="https://payad.me/js/viewportchecker.min.js"></script>
<h2>Как запустить рекламу?</h2>
<div class="p">Разместите вашу рекламу в личном кабинете на вкладке <strong>«Объявления»</strong> и выберите в меню <strong>«Запустить»</strong>.</div>
<a href="#"><img class="cabinet" src="/images/cabinet.png" alt="Личный кабинет"/></a>
<div class="border"></div>
<div class="textcenter howitwork">
<h2>Создание объявления занимает не более 3 минут</h2>
<div class="p">Запустите свою рекламу и приготовьтесь встретить новых клиентов уже сейчас.</div>
<a href="#" class="btn btn-success btn-large marginbottom10">Получить новых клиентов</a> <span>или</span> <a href="https://vk.com/topic-109483178_33973877" target="_blank" rel="nofollow" class="btn btn-info btn-large marginbottom10">Читать отзывы рекламодателей</a>
</div><h2>Как запустить рекламу?</h2>
<div class="p">Разместите вашу рекламу в личном кабинете на вкладке <strong>«Объявления»</strong> и выберите в меню <strong>«Запустить»</strong>.</div>
<a href="#"><img class="cabinet" src="/images/cabinet.png" alt="Личный кабинет"/></a>
<div class="border"></div>
<div class="textcenter howitwork">
<h2>Создание объявления занимает не более 3 минут</h2>
<div class="p">Запустите свою рекламу и приготовьтесь встретить новых клиентов уже сейчас.</div>
<a href="#" class="btn btn-success btn-large marginbottom10">Получить новых клиентов</a> <span>или</span> <a href="https://vk.com/topic-109483178_33973877" target="_blank" rel="nofollow" class="btn btn-info btn-large marginbottom10">Читать отзывы рекламодателей</a>
</div><h2>Как запустить рекламу?</h2>
<div class="p">Разместите вашу...

JavaScript

$('.dummy').viewportChecker({
  classToAdd: 'visible',
  removeClassAfterAnimation: false,
  callbackFunction: function(elem, action) {
    if ($('.move').css("margin-top") == '-1160px' || $('.move').css("margin-top") == '-780px') {
      $('.dummy').css('background', 'none');
    } else {
      $('.move').html('');
      $('.dummy').css('background', 'url(https://payad.me/images/ezgif.gif?id=' + Math.random() + ') top center no-repeat');
      $('.move').html('<h2 class="animation slideUp">Наши СУПЕРспособности:</h2>');
    }
  },
  offset: 100,
  repeat: true
});