# Text Hover #1

### Component Structure

* **Section**: Serves as the primary container, setting the component to full viewport height and centering its content.
* **Container**: Provides structural support for the Text element.
* **Text (TH1 - COMPONENT)**: The main element where the hover effect is applied, with certain text spans designed to change appearance and reveal background images on hover.

### Animation Structure

* **TH1 - HOVER**: Controls the hover effect, targeting specific text spans. It defines the animation properties for a smooth transition, making the background images visible upon hovering.