Как сделать анимацию на сайте, чтобы при наводки мышкой менялась часть изображения (типо дырки в стене)?

Рисуете в одном блоке g два варианта. Ставите классы, при наведении верхний скрываете.

Почему левый блок сначала фиксированный, а после скролла пропадает фикс?

Не нужно спамить вопросами.

Как изменить цвет фона секции?

pikener, дополнила ответ другим вариантом

Как изменить цвет фона секции?

Анатолий, какая разница?
https://jsfiddle.net/5pzx401m/

Как изменить цвет фона секции?

Нельзя изменить цвет за пределами блока!

Почему это нельзя?
https://jsfiddle.net/bykexvn1/

Как сделать адаптивное меню, если у меня 2 меню с разными классами?

Логотип нужно вынуть из общей для этих меню оберток и повесить абсолютом.
При клике на бургер, открывать контейнер в котором 2 меню.

Еще лучше: объединить меню в одно. Потому что вообще не понятно почему это 2 меню с точки зрения логики.

Почему съезжают пункты меню в верстке?

Потому что мешает меню, выпирает вниз и сдвигает верхний пункт.

Как сверстать этот блок?

https://jsfiddle.net/jzhbcp3v/

Для адаптации используйте размеры в %, vw и/или используйте @media условия

Как правильно прикрепить svg иконку на a (ссылку)?

RAX7, у меня такая стоит, https://play.google.com/store/apps/details?id=com.... но пока тоже особо не тестировала.
Мечта, чтобы можно было делиться песочницей.

Как правильно прикрепить svg иконку на a (ссылку)?

RAX7, я по центру поставила для простоты. Можно ш сдвинуть для визуальной симметричности.

А кстати, не знаете, есть jsfiddle для андроида, а то с телефона прям скажем не удобно?

Как правильно прикрепить svg иконку на a (ссылку)?

https://jsfiddle.net/1ys3gzmf/

Есть 5 стрелочек,нужно что бы при нажатии на них открывался соответствующий блок,при нажатии на другую прошлый блок скрывался, а новый появлялся?

Idontknowwhatit,
1. Это был код для другого вопроса, id не я задавала. Да и вообще разметка и стили не мои.
2. Дочерний селектор

При работе css не работают контекстные селекторы: см.детали вопроса,как это исправить?

svp2ch, часть родителю, часть дочерним, почитайте спецификацию и статьи.
https://html5book.ru/css3-flexbox/
https://habr.com/ru/post/325760/
или другие, их полно

При работе css не работают контекстные селекторы: см.детали вопроса,как это исправить?

svp2ch, вот практически ваш пример https://jsfiddle.net/cn8gxows/
все работает

Выложите свой код в песочницу аналогичным способом.

p.s. и завязывайте с флоатами, для таких вещей flex и grid.

При работе css не работают контекстные селекторы: см.детали вопроса,как это исправить?

Вариантов масса.
Наиболее вероятные:
- специфичность селекторов, т.е. ваши селекторы перебиваются другими с наибольшим весом.
- кеш файлов

Нужен конкретный пример.

Как сделать что бы элементы по вверх изображения, сжимались вместе с изображением?

Как отловить размер изображения и позиционировать на нем объекты?

Как изменить цвет фона секции?

pikener, я не знаю что за элемент "лист".
Если это body, так уберите это ограничение.

Как реализовать такой эффект?

Как задать эффект hover в CSS для текста с opacity 1, если он с opacity 0.9?

Артур,
Если вложенность оказывается больше двух, значит давно пора ставить класс, а не использовать селекторы по тегам. Их вообще лучше использовать поменьше.

Как задать эффект hover в CSS для текста с opacity 1, если он с opacity 0.9?

Артур,
SCSS

body {
  стили
}
main {
  стили
}
.footer {
  стили
}
.slide {
  стили

  a {
    стили для ссылок внутри .slide
  }

  h1 {
    стили для заголовков, которые только внутри .slide, пишем только отличия от обычных стилей для заголовков
  }
}