pages crushed after upgrading to PHP 7.4

[nakarimi]

I just upgrade my server PHP to 7.4, and current WordPress version is 5.8.
What I checked the panel configuration and setting, nothing changed. Just when I check the pages I see that some section are not in proper conditions. Please check images.

I checked and looks some clsoing/opening tags crushed.

Crashed generated code;
<section class="panel s-wrapper site-panel u-bc-white site-panel--imagetext" data-index="4" data-js="panel" data-type="imagetext" data-modular-content=""> <div class="l-container"> <div class="g-row g-row--col-2--min-medium"> <div class="g-col aos-init aos-animate" data-aos="fade-up" data-aos-delay="300" data-aos-duration="1000"> <div class="imagetext-image"> <divclass="c-image c-image--rect"=""> <div role="img" aria-label="IMG_4285" style="background-image:url('http://hastings.com/wp-content/uploads/2018/06/IMG_4285-e1532626380520-1024x465.jpg');" class="c-image__bg"> </div></divclass="c-image></div> </div> </div> <div class="g-col g-col--vertical-center"> <div class="imagetext-content"><h2 class="panel__title h3 aos-init aos-animate" data-name="title" data-livetext="" data-depth="0" data-index="0" data-aos="fade" data-aos-delay="300" data-aos-duration="1000">Research and Program Centers of Excellence</h2> <div class="c-content-block"> <div class="c-content-block__content t-content"> <div class=""><p>Throughout its history, UC Hastings has pursued the single minded purpose that excellence in the law is a result of excellence in legal education. Our research centers are intertwined with programs, curriculum and the legal profession to create and sustain an educational atmosphere that is continuously stimulating, enriching and productive.</p> </div> <p class="cta-wrapper"> <a class="c-btn-text c-btn-text--arrow-right" href="https://www.uchastings.edu/academics/centers/"> <span class="c-btn__text">Learn More About Our Centers</span></a> </p> </div> </div> </div> </div> </div> </section>

Correct/old version of code

<section class="panel s-wrapper site-panel u-bc-white site-panel--imagetext" data-index="4" data-js="panel" data-type="imagetext" data-modular-content=""> <div class="l-container"> <div class="g-row g-row--col-2--min-medium"> <div class="g-col aos-init aos-animate" data-aos="fade-up" data-aos-delay="300" data-aos-duration="1000"> <div class="imagetext-image"> <div class="c-image c-image--rect"> <div role="img" aria-label="IMG_4285" style="background-image:url('https://dev-uc-hastings.pantheonsite.io/wp-content/uploads/2018/06/IMG_4285-e1532626380520-1024x465.jpg');" class="c-image__bg"> </div> </div> </div> </div> <div class="g-col g-col--vertical-center"> <div class="imagetext-content"> <h2 class="panel__title h3 aos-init aos-animate" data-name="title" data-livetext="" data-depth="0" data-index="0" data-aos="fade" data-aos-delay="300" data-aos-duration="1000">Research and Program Centers of Excellence</h2> <div class="c-content-block"> <div class="c-content-block__content t-content"> <div class=""> <p>Throughout its history, UC Hastings has pursued the single minded purpose that excellence in the law is a result of excellence in legal education. Our research centers are intertwined with programs, curriculum and the legal profession to create and sustain an educational atmosphere that is continuously stimulating, enriching and productive.</p> </div> <p class="cta-wrapper"> <a class="c-btn-text c-btn-text--arrow-right" href="https://www.uchastings.edu/academics/centers/"> <span class="c-btn__text">Learn More About Our Centers</span> </a> </p> </div> </div> </div> </div> </div> </div> </section>

Broken
Old one