const animItems = // Элементы для анимации. Можете задать им общий класс и найти сразу все, можете сложить разные(с разными классами) элементы в один массив
// ..code
animItems.forEach(function(item){item.classList.add('_active')})
index.html
/styles
└ style.css
/images
└ header-bg.jpg../images/header-bg.jpg const task = (item) =>
(item === null && 'null') ||
(item === undefined && 'undefined') ||
(item.toString() === 'NaN' && 'not a number') ||
'Other';
position: relative, кнопка и портрет:position: absolute с значениями top\bottom собственно для каждого - подбираете значение и выравниваете. left: 50%;transform: translateX(-50%),что бы выравнивать всегда по центру относительно рамки.z-index: 1перекроет вашу рамку кнопкой и портретом. Белый кант вокруг кнопки\портрета можно сделать с помощью ::after