Upon activation, visit the Settings » AWB page from the WordPress dashboard. Here, you can check the boxes  for mobile and save

add the Background (AWB) block to the post.

Now open the block panel on the right side of the screen and switch to the ‘Image’ tab if you want to add an image as a parallax background.

After that, click the ‘Select Image’ button to launch the media library. You can also click the ‘Use featured image’ button to automatically add the featured image as the background.

You can even add a background color or video for the effect by switching to those tabs.

Upon adding an image, you can adjust its focal point from the block panel and configure the background size. However, we recommend leaving the background size as ‘Cover’.

Next, you can use the slider to change the image’s opacity.

Once you do that, scroll down to the ‘Parallax’ tab and expand it.

From here, you can choose your parallax type from the dropdown menu. Once you choose an option, the changes will automatically be applied in the block editor where you can test it out.

In our example, we are using ‘Opacity + Scroll’.

After you have added the effect, click the ‘+’ button in the AWB block to open the block menu.

You can now add a paragraph, image, video, quotation, or any other block you want. This block will then be displayed with the parallax effect.

Finally, click the ‘Update’ or ‘Publish’ button at the top to store your settings.

Now, you can visit your WordPress site to view the parallax effect in action.