Offers with common assets

by otinanaipali

HTML

<div class="components">
  <div class="offers">
    <div class="slide carousel">
      <div class="slide_content">
        <cm-svg-image>
          <span _ngcontent-cwy-c159="" class="novi_special"></span>
        </cm-svg-image>
        <div class="headline_header">
          <h2 class="headline_title">Carousel dynamic banner!</h2>
        </div>
        <div class="headline_description">Δώρο 15€ για τους πιο γευστικούς αγώνες του Παγκοσμίου!</div>
        <div class="headline_learnMore">Μάθε περισσότερα</div>
      </div>
    </div>


    <div class="slide right_pane">
      <div class="slide_content">
        <div class="headline_header">
          <h2 class="headline_title">Right pane!</h2>
        </div>
        <div class="headline_description">15€ για παραγγελίες Wolt</div>
        <div class="terms">*Όροι και προϋποθέσεις</div>
        <!--<div class="headline_learnMore">Μάθε περισσότερα</div>-->
      </div>
    </div>
  </div>
  <div class="offers">
    <div class="offer">
      <div class="slide">
        <div class="slide_content">
          <div class="headline_header">
            <h2 class="headline_title">Προσφορά γνωριμίας Wolt!</h2>
          </div>
        </div>
      </div>
      <div class="offer_content">
        <div class="headline_description">Δώρο 15€ για τους πιο γευστικούς αγώνες του Παγκοσμίου! Κάνε εγγραφή στη Novibet χρησιμοποιώντας το promo code "WOLT". Πραγματοποίησε την πρώτη σου κατάθεση. Εντός 24 ωρών θα λάβεις τον αποκλειστικό κωδικό σου για παραγγελίες αξίας 15€ από τη Wolt!</div>
        <div class="cta">
          <div class="headline_learnMore primary">Εγγραφή</div>
          <div class="headline_learnMore">Μάθε περισσότερα</div>
        </div>
      </div>
    </div>

    <div class="offer small">
      <div class="slide">
        <div class="slide_content">
          <div class="headline_header">
            <h2 class="headline_title">Προσφορά γνωριμίας Wolt!</h2>
          </div>
        </div>
      </div>
      <div...

CSS

html,
body {
  padding: 0;
  margin: 0;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  background: radial-gradient(75% 125% at 100% 100%, #008F93 10%, rgba(0, 143, 147, 0) 100%), #151D2D;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}
.components {
  margin: 32px;
}
.slide {
  width: 400px;
  height: 192px;
  border-radius: 4px;
  background:...