Layout of the site with a stretch on WP

Requires the layout of the site on the bootstrap, with a further stretch on wordpress.
The key feature of the site is the following principle of operation:
The scroll remains, each block is adapted to the width and height of the screen. When scrolling, the next block runs into the previous one, while the previous block is slightly darkened.
There are some pages where the block is smaller than the screen size., while the principle of operation remains the same.
On the site there are sliders, animation, various effects. Learn more about the discussion.
The site should be adapted for most screen resolutions (desktop, smartphone, inverted smartphone, tablet, inverted tablet).
The site has a product catalog and a news blog. To add products and news, you need to use the standard wordpress functionality (without plugins). Provide the ability to add product properties, as well as news categories. Accordingly, it should be possible to filter. Each page of the site is formed from blocks, when created on wp. The principle of operation is as follows: we create a page, select the necessary blocks and a sequence of blocks.
The site should have a clear valid clean code, seo fields should be provided (h1,2,3, title, description, alt, etc.)
Link to site blocks : The folder can be obtained here:
png
https://disk.yandex.ru/d/x6ObNzrPT_0x2w