Как отрисовываются несколько CSS-теней
Создавайте и переставляйте слои box-shadow, сохраняя видимый порядок отрисовки.
ЧитатьОсновы CSS-теней
Разберитесь со слоями, синтаксисом и inset
Три руководства объясняют порядок отрисовки, каждый токен и разницу внешних и внутренних теней.
Синтаксис CSS box-shadow: от настроек к коду
Разберите смещения, размытие, расширение, цвет и alpha в стабильном свойстве.
ЧитатьВнутренняя и внешняя CSS box-shadow
Поймите, что меняет inset и какие значения слоя остаются прежними.
Читать