Разница между normal и overlay режимами наложения в CSS заключается в способе смешивания цветов. 13

Normal («Обычный») — режим наложения по умолчанию, в котором не используется смешивание цветов, верхний слой остаётся непрозрачным. 14

Overlay («Перекрытие») — режим, в котором цвета умножаются или осветляются в зависимости от основного цвета. 14 Узоры или цвета перекрывают существующие пиксели, оставляя неизменными светлые и тёмные участки основного цвета. 14 Базовый цвет не заменяется, а смешивается с совмещённым цветом, что позволяет отразить наличие светлых или тёмных участков первоначального цвета. 1

Таким образом, normal не изменяет способ смешивания элементов, в то время как overlay позволяет создавать более сложные визуальные эффекты за счёт взаимодействия основного и совмещённого цветов.