Vue Accordion

The component contains a set of catalog items in a row. Every item contains a background image. When the user hovers on an item, the item expands. In the expanded state, the item contains the background image, a title and text. When the user moves the cursor to anywhere else on the screen, the item collapses. In the collapsed state, the item hides the title and text, but still shows a part of the background image.