HTML-Prototype von Hochschule RheinMain

<!-- Grid/ Element container-->
<div class="frame frame-type-" id="c1001" data-scrollspysection="1">
  <div class="c-teaser">
    <div class="container c-teaser__container">
      <div class="c-teaser__media-wrapper">
        <picture>
          <source srcset="https://placeholder.in2code.de/1200x675" media="(min-width:800px)"/>
          <source srcset="https://placeholder.in2code.de/8004500" media="(min-width:0)"/><img class="c-teaser__media" src="https://placeholder.in2code.de/1200x675" alt="Alt Text"/>
        </picture>
      </div>
      <div class="c-teaser__content">
        <div class="c-teaser__heading">Teaser with <span class="u-highlight">image</span> aligned <span class="u-highlight">right</span>
        </div>
        <p class="c-teaser__text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat?</p><a class="btn btn--primary btn--right-link c-teaser__button" href="#">mehr erfahren</a>
      </div>
    </div>
  </div>
</div>