/* Řešení 1 */
div {
  position: relative;
  isolation: isolate;
}

/* Řešení 2 - stejný výsledek */
div {
  position: relative;
  z-index: 0;  /* nebo jakákoliv jiná hodnota */
}


Jediný rozdíl je v tom, že:
z-index ovlivňuje pozici elementu v rámci stacking contextu jeho rodiče
isolation: isolate vytvoří jen nový stacking context, ale neovlivní pozici elementu

Proto se isolation: isolate někdy považuje za "čistší" řešení, když chceš jen vytvořit nový stacking context a nepotřebuješ řešit překrývání s jinými elementy.