It is possible to make Duplicate texts on one page for the adaptability of the site, will this affect SEO badly?

Question

Google

Such a situation, I am writing a site on bootstrap, I want to make it adaptive for mobile devices and write a separate code, but I'm afraid it will have a bad effect on SEO, on search results. Can you tell me if it's possible to do this?
it's like this..

<!-- Десктоп версия -->
 <section id="home" class="hidden-xs">
        <div class="container">
           <div class="row">
            <div class="col-sm-12 col-lg-12 col-md-12 top-p" align="center">
               <p style="line-height: 1;">
                <span class="header-big-text">Мы увеличим Продажи </span>
                <br>
                <span style="font-size: 56px; font-family: Intro;">
                <span class="whiteF">
                <span class="wkz-font-72">
                <span class="wkz-font-88"><strong>«</strong></span>
                <span class="font-i">Вашего бизнеса</span> 
                <span class="wkz-font-88"><strong>»</strong></span>
                </span>
                </span>
                </span>
                </p>
                
                <div class="shift whiteF">
                <p class="center cube">
                <span class="font-i wkz-font-18">Продающий сайт | Полный анализ | Мобильная Версия</span>
                </p>
                </div>
                
               <p class="center">
               <span class="home-text"><strong>Landing page "под ключ"</strong></span>
               </p>
                <center><a href="#go" class="wkz-btn">Рассчитать стоимость проекта</a></center>
                 <br>
                 <center>
                 <a href="#go" class="more-btn">Узнать подробнее <br>
                 <img src="img/arrow-down.png">
                 </a>
                 </center>
            </div>
           </div>
        </div>
    </section>

<!-- Мобильная версия -->
<section id="home-mob" class="visible-xs">
        <div class="container">
           <div class="row">
            <div class="col-xs-12 top-p" align="center">
               <p style="line-height: 1;">
                <span class="header-big-text-mob">Мы увеличим ваши Продажи </span>
               </p>
                
                <div class="shift whiteF">
                <p class="center cube-mob">
                <span class="font-i wkz-font-18">Продающий сайт</span>
                </p>
                <p class="center cube-mob">
                <span class="font-i wkz-font-18">Полный анализ</span>
                </p>
                <p class="center cube-mob">
                <span class="font-i wkz-font-18">Мобильная Версия</span>
                </p>
                </div>
                
               <p class="center">
        <span class="home-text"><strong>Landing page "под ключ"</strong></span>
               </p>
                <center><a href="#go" class="wkz-btn-mob">Рассчитать стоимость</a></center>
                 <br>
                 <center>
                 <a href="#go" class="more-btn">Узнать подробнее <br>
                 <img src="img/arrow-down.png">
                 </a>
                 </center>
            </div>
           </div>
        </div>
    </section>

Answer 1

You can’t do this, search engines may consider garbage content or HS.