Можно было бы и картинкой сделать, но при наведении она становится более темной. Или стоит вырезать 2 картинки с разным цветом, а после ховером их менять?
нахрена тебе картинки, ты лекции плохо слушал что ли, если ты картинки по ховеру будешь менять - у тебя закачка второй картинки начнется в момент ховера, когда первая уже будет скрыта, вероятно мигание картинки...
эта структура, квадрат с кругами, на css рисуется, спроси у наставника 😉