What does the isolation property do in CSS?

The isolation: isolate property forces the creation of a new stacking context for an element.

It is primarily used in conjunction with mix-blend-mode. By isolating a container, you ensure that any blending modes used by its children only blend with the backgrounds INSIDE that container, protecting the main page background from being affected.