[Решено] SVG поверх другой картинки

Всем привет!
В общем суть такова. Имеется картинка, нужно поверх данной картинки наложить другую. Т.е. сделать некую кнопочку play. Т.е. на картинке сверху первоначально кнопка плей одного цвета, а при наведении цвет плавно меняется на другой. Что-то типа как на реализовано на ютуб, только реализовать посредством css.



Понимаю, может стыдно такие вопросы спрашивать, но пока никак не получается реализовать )

 

.block{
position:relative
}
.image1{
position:relative;
z-index:1;
}
.image2{
position:absolute;
top:50%;
left:50%;
z-index:2;
}