Reduce Cumulative Layout Shift (CLS) by 0

Hey daves1997,
Thanks for your patience when I test your page on pagespeed for mobile the CLS is zero, but the desktop is 0.209 and these are the elements causing the issue:

so to correct you could add css to make the size of the elements the same on page load as when it is done loading.
The css I would recommend is this:

@media only screen and (min-width: 1350px) { 
#top.home #after_section_1 .flex_column.avia-builder-el-4 {
	min-height: 504px;
	height: 504px;
}
#top.home #after_section_1 .flex_column.avia-builder-el-6 {
	min-height: 596px;
	height: 596px;
}
#top.home #after_section_1 .flex_column.avia-builder-el-8 {
	min-height: 320px;
	height: 320px;
}
#top.home #after_section_1 .flex_column.avia-builder-el-10 {
	min-height: 388px;
	height: 388px;
}
#top.home #after_section_1 .flex_column.avia-builder-el-12 {
	min-height: 342px;
	height: 342px;
}
#top.home #after_section_1 {
	min-height: 5316px;
	height: 5316px;
}
#top.home #av_section_1 {
	min-height: 524px;
	height: 524px;
}
#top.home #av_section_1 .av-special-heading.avia-builder-el-1{
	min-height: 120px;
	height: 120px;
}
}

It is important that your WP Rocket plugin doesn’t delay this css, so please add it to your WordPress ▸ Customize ▸ Additional CSS

Best regards,
Mike