JSFiddle - React, Tailwind, and code Playground

HTML

<section>
                                    <a class="a-modul" href="arbeit01.html">
                                       
                                             <h4 class="header-tabelle">
                                            <span class="table-row">
                                                <span class="table-cell">
                                                    Arbeit, 2012 xxx
                                                </span>
                                            </span>
                                        </h4>
                                       <figure>
                                          <img src="http://misanthrop.bplaced.net/foo/foo/foo.jpg" alt="Arbeit, 2012">
                                       </figure>
                                       
                                    </a>
                                    <p>
                                        Performance
                                        <span>Kunsthalle Münster,</span>
                                        <span>Speicher II, Münster</span>
                                    </p>
                                       
                                        
                                        
</section>

CSS

a:hover > * {
  opacity: 0.6;
}

a:hover h4 {
  opacity: 1 !important;
}

a:hover span.table-cell{
  text-decoration: underline;
}