Наведите курсор на элемент с эффектом ⇐ CSS

[Гость]

Я создал эффект для списка изображений, чтобы он увеличивался при наведении курсора мыши, но когда я перехожу к этому списку, эффект выполняет весь список, а не выбранное изображение. Текущий код применяет эффект ко всем изображениям, а не только к одному. Однако элемент я выбираю правильно
#homebrands { .бренды { дисплей: гибкий; выровнять-элементы: по центру; оправдание-содержание: пространство между; .бренд{ положение: относительное; заполнение: 0 1рем 0 1рем; .фигура { переход: преобразование 0,4 с; } } } &:наведение, &:фокус { .бренды{ .бренд{ .фигура{ преобразование: масштаб (1,2) поворот (0,01 град); } } } } }