图像翻转导致不同Div的状态发生变化

Question

我正在开发一个Instagram应用程序，它使用instagram API将图像拉入我的网络应用程序。悬停时，图像上方会出现一颗心脏。在图像下方，我有3个div，反映了i）图像标题，ii）Instagram用户名和iii）“喜欢”的数量。我给divs上色了所以可以看到它们。见screengrab附件。

我想只在悬停在心脏上时显示蓝色和绿色的div。我该怎么用呢？这是一个Javascript技术还是可以用CSS完成？

另外，我的另一个想法是揭示心脏本身的“喜欢”数量。我必须将动态数据传递到心脏才能实现这一目标。是否必须使用Javascript完成？

欣赏任何建议 - 我是新手。谢谢！