Есть несколько возможных причин, почему простое CSS оформление не применяется к элементам на странице:
1. Возможно, правило CSS не было корректно написано или применено неправильно к элементу.
2. Правило CSS может быть перекрыто другими стилями с более высоким приоритетом (например, inline стилями или стилями из файла со стилями с более низким приоритетом).
3. Элементы могут иметь другие свойства или классы, которые перекрывают стили, которые вы пытаетесь применить.
Что касается вашего вопроса о тени элемента .shadow и ширины элемента .container, они связаны между собой в том смысле, что элемент .shadow является потомком элемента .container (то есть .shadow находится внутри .container). Однако изменение ширины элемента .container при наведении на тень элемента .shadow не происходит автоматически. Вам нужно написать соответствующие CSS правила, чтобы это произошло, например, с использованием селектора :hover.