Selecting text based on different element containing value

How to?
#1

I would like to select the cassette type "Shimano HG-400" from a bicycle product page. How can I select the value of a dd element which is PRECEDED by a dt containing "Cassette" or the img which has src="img/icons/ausstattung/ritzel.gif"

Thanks a lot in advance!

Url: https://www.stevensbikes.de/2019/index.php?bik_id=251&cou=BE&lang=en_US

      <dt class="">
        <img src="img/icons/ausstattung/ritzel.gif" alt="" class="">
        Cassette
      </dt>
      <dd class="art-name">Shimano HG-400</dd>
      <dd class="tech-info" style="display: block;">
        <ul>
          <li>9-speed</li>
          <li>Combination: 11-12-13-14-16-18-21-24-28 T</li>
        </ul>
      </dd>
#2

Sure, CSS selectors are great for this:

dt:contains('Cassette') ~ dd[class='art-name']

~ means "preceded by"

Ref: https://www.w3schools.com/cssref/css_selectors.asp