Offers with common assets

by otinanaipali

HTML

<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">Προσφορά γνωριμίας* Wolt</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">Προσφορά* γνωριμίας</h2>
    </div>
    <div class="headline_description">15€ για παραγγελίες Wolt</div>
    <div class="terms">*Όροι και προϋποθέσεις</div>
    <!--<div class="headline_learnMore">Μάθε περισσότερα</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€ για τους πιο γευστικούς αγώνες του Παγκοσμίου! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.</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 class="offer_content">
      <div class="headline_description">Δώρο 15€ για τους πιο γευστικούς αγώνες του Παγκοσμίου! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do...

CSS

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;
}

.slide {
  width: 400px;
  height: 192px;
  border-radius: 4px;
  background: url('https://lh3.googleusercontent.com/fife/APg5EOZH_oGegJ0iq6W8QbrXP5knVlmNJTCH8e3zqPSemUcb99RVei-W2wlfes5j-IwDKualp5mJ6TgH-qmlaAFv4l81yqcbOgnr_giwCRdGqzS0A8KB1BYP8gw2B5HoQ2qbNsuBCseTSWhEe0sXM7pon9ldG6zUXKF9pK0CGruq_MQdqg0VU8xiC0NuoSOEK_JrsxM0V1DEkHaefYw5acEXJ-mdSSu6O4XVh4f4BaeG2R7qVIkU5N0K_K-KbmQub8aSQ5Uw1ZeUlToiKosmCkMkBT1MP5hvCpXYPUVu4c4lcBy2NN6GBu18qGhEqJf2F0we7m5XuswJZPstigs0Z8OXcX81F1U1f3BnPNKj0MqyNo-yCzzgjYb2vXh6vKBlg51KuzbZiIER6y6k1-Keo1vKOesQKvcyolLUT_f1z_SqrJzK2bhGD1OQjQOqHibUx9C7ZuCY-tTzs8LFGCC-XGLCMUzMGaYLbL7foTrK7oU5qqWzU_rs9Jf0vOnmdUpKaP6Ie1WE6FH6rk6Z0iaL1twlvUzZaF3PD8_Q0DU8PQDSXI0pwFfgCilKe0tCgT9C6hk3mQ6DIxDB5CFOQAXCsmMwBZgKHlzdIBcUoL4l4LwvdLAjZ_gs2nE2xan9X8G_HZ2oDi3V8Dz6RRe7vim9weaHDiE_Pv5UWdNVxoYas7y2wQ71EP9EFWJc_mZQvNpy6MYd2jG9m50oZfjhnHRhoKTu5x1GKVPc9T3rBMN0BSxqC2KtEc4xK_XFKWj4-NBBfY7GKHDRrTV5fZQjugyj-eXccA0jWjFCuk4U0Wa-3Gmc8JyDTPHVFL_qw1m7bMS638VZk45nWsbwpFzMxyxjVkpJGmDNqHueBXUhp4RBVN9AGiGsS7XeM8DJOSwUQQGjCrA9ymVVuVlXMk_mlzKHEtBej4QnDMa3ikO4UoujAX3yKzS-rvZRgZbUXS49BmMjsFBhC2XqV5K7ufDhl2JAPv1aQaZ0dGp1N000-21Ke6Izpa0ABHMMK2uKjlGjYRC6e71QK5Mlxj2kTb72ppferl4tpFGePJQDOBKiqSZcNm38oSQi-0F2kolhDw7Ktdf1T70BOWXaQHt8YwCbnUDgye9wIA9eR_u5r3YJOTVmxloYuQAqlfB1q5U0o3M11g1ttIjmnIZ3OFPoeOdnuhLpeS-XtbWdUC8zt16LTHPnvPFG8MabOf2Fac9iJV6gDsq_GYg6RQs3KkXFDp5QYJCRABEmmS4DTv1gykgSMTzQoLdE924JuyebFLIGoU3HasN11dk6z0R_mW3PF4qUS69Twik8FE8CVxGeWxnGm-VMFc17Xx769K0dcun_TpQfgDC9BFJbUjH1N3c8MFpgjlsiTJcLGlwvN_M3LqvOu6EoHj8KIfRZJs8hdZjdaO_TvquTsxH8zDT9gvj0C83hLnwlH8LZh6jV7XbogI_Ccn69cKoysZAnYhENHYz2zPUY2V5t_0AqbEQhF9wetoHu9zBWdIboxBrY-M5unO7DVLHm-5v1Cu4PJdHCvYrHL-6ve7UPTQ=w1920-h995');
  background-size: cover;
  background-position: right...