Blocks stopped working at frond end

Hello,
I am using Lazy Blocks and Block Lab on whole my website pages and both have stopped working at the front end.
Firstly, the Lazy Blocks work fine in the editor however it does not show any results at the front end. It tried checking the CSS used in the blocks however it also does not appear in the html of the page. I did not do any modifications to my website, I just update the critical css generated by wp-rocket. Now, even if I disable wp-rocket and all other plugins, it is not working.

Secondly, I know, the Block Lab has been closed. In my case, it has been working correctly. Now, it shows “Block rendered as empty” while it is rendered when clicked on it. However, as I mentioned earlier it is not showing at the front end.
I like to know how to properly migrate from Block Lab to Lazy Blocks and kindly first check why it is not showing at the front end.
I have checked the CSS and PHP codes are there without modifications. I have no clue what to check next other than disabling all the plugins.
Both types of blocks just use input and text fields.
The screenshots show the errors are;
https://ibb.co/wczwM93
https://ibb.co/nwXQsZN