persol

$(".box43z6r6QZ").click(function(){

    $(this).addClass("hG8KlY3Q");

    setTimeout(() => {
        $(this).removeClass("hG8KlY3Q");
    }, 1000);
});

<?php echo '<script type="text/javascript">
var container = $("html,body");
var scrollTo = $(".main-block");
container.animate({scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop(), scrollLeft: 0},300);
</script>';
?>

<div class="container">
     <div class="row">
         <div class="col-4">
             <div class="row">
                 <div class="col-12">block-1</div>
                 <div class="col-12">block-2</div>
                 <div class="col-12">block-3</div>
                 <div class="col-12">block-4</div>
             </div>
         </div>
          
         <div class="col-8">
             <div class="row">
                 <div class="col-12">block-1</div>
                 <div class="col-12">block-2</div>
                 <div class="col-12">block-3</div>
                 <div class="col-12">block-4</div>
                 <div class="col-12">block-5</div>
                 <div class="col-12">block-6</div>
             </div>
         </div>
            
     </div>
</div>

<div class="container">
     <div class="row">
         <div class="col-4">block-1</div>
         <div class="col-8">block-2</div>

         <div class="col-4">block-3</div>
         <div class="col-8">block-4</div>

         <div class="col-4">block-5</div>
         <div class="col-8">block-6</div>

         <div class="col-4">*оставляем пустым*</div>
         <div class="col-8">block-9</div>

         <div class="col-4">*оставляем пустым*</div>
         <div class="col-8">block-10</div>
     </div>
</div>