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

Question

[Sergey750il]

Не получается адаптивно сверстать такой блок:



Желтый фон с картинкой в ценрте должен появляться при наведении.

Answer 1

[indigo_style]

codepen.io/chopes/pen/WGYjOv

Answer 2

[Юрий Олиярнык]

block {
background: none;
}

block:hover {
background: url(..);
}

Если я правильно понял что не получается

Comments

[Sergey750il]

Пробовал, проблема в центровке фоновой картинки по центу bgp 50 50 не проходит.

Answer 3

[Сергей Горячев]

background: url('img.jpg') 50% 50% / cover no-repeat;

Answer 4

[jenovas]

Зачем 50% поставте просто center и background-size:cover