Александр Епихин

Можете скинуть ссылку где это можно посмотреть?

Блоку с тенью сделайте pointer-events:none

Свойство currentSrc у img

Позицианировать через absolute. Выпадающее меню и кнопку вызывающую это меню поместить внутрь одного блока.
Вам необходимо все унифицировать. У вас много дублирования кода.
Каждой кнопке клик на которую изменяет стиль текста можно добавить класс js-control и добавить data-атрибуты
data-property - название свойства которое будет меняться и data-value - значение которое будет подставляться.
Т.е. вы находите все элементы с классом js-control, вешаете на них один обработчик клика, после клика определяется свойство которое должно меняться (property = data-propety) и значение которое необходимо поменять (value = data-value) и применить их
textContent.style[property] = value;

После открытия модального окна элементу body добавляется класс modal-open, который делает overflow:hidden и контент страницы страницы не прокручивается. После закрытия второго модального окна класс modal-open удаляется и страница вновь прокручивается.

https://photoswipe.com/

https://css-tricks.com/gradient-borders-in-css/

.on-hover:hover+ .hidden-block,
.hidden-block:hover {
  opacity:1;
  transition: 1s;
}