Каким способом можно при наведении на синюю область сделать блок с картинкой цветным(сейчас фильтр наложен)
Ну и нужно не потерять pointer-events с соседних блоков, которые на него заходят

JS в помощь, css не получится

Без кода к сожалению не понятно.

Серая картинка это общий фон, или только правой части?

Пытался описать, но короче проще песочницу сделать)
Чуть позже скину, как буду у компа

Ок

помогите пожалуйста. целый день сижу. нужно зафиксировать див в одном положении с фоном. див то фиксируется относительно окна, а фон плавает и получается смещение вечное. надо чтобы надпись была на одном и том же месте. работает только если background-size: 100% 100%, но тогда изображение растягивается неадекватно. либо если background-size: contain, но тогда если окно не пропорционально изображению, то пустые области появляются. я уже хз что делать.
в App.module.css все свойства:
https://github.com/Shoichii/devplace/commit/c6d97c5ba828c5ec38e99c26d2cc1566160fa0e6

а почему не cover?

с ним тоже плавает. если окно растягивать пропорционально, то всё норм, но стоит начать менять длину или ширину отдельно, как текст начинает кататься вверх/вниз и вправо/влево

сделай MRE  в кодпене плиз

минимально воспроизводимый пример

идеально 100% 100%, но изображение тогда растягивается и сужается через чур прям

ща попробую

Try it
min-width: 100%
min-height: 100%

тоже пробовал)))

а как в кодпэне картинки загружать?

а как bg не получается?

если уж пишешь на английском, то this.

возьми любую доступную извне

копирни линк на картинку с гугла

ок