<div class=“row”>

<div class="col hero-slider__slider">
{% for slide in page.slides %}
{% assign url_first_char = slide.url | slice: 0 %}
  {% if forloop.first == true %}
  <div>
    <a {% if slide.url contains "https://" or slide.url contains "http://" %}href="{{ slide.url }}"{% elsif url_first_char == '.' or url_first_char == '/' %}href="{{ slide.url }}"{% else %}href="{{ page.baseurl }}{{ slide.url }}{% endif %}"{% if slide.new_tab == true %} target="_blank" rel="noopener noreferrer"{% endif %}><img src="{{page.baseurl}}{{slide.image}}" class="img-fluid hero-slider__slider--slide-img {% if slide.white_background %} hero-slider__slide-img--border{% endif %}" alt="{{slide.alt-text}}" /></a>
    {% if slide.text and slide.text != '' %}<div class="hero-slider__slider--heading-container text-center">
      <h3 class="hero-slider__slider--slide-heading">{{slide.text}}</h3>
    </div>{% endif %}
  </div>
  {% else %}
  <div>
    <a {% if slide.url contains "https://" or slide.url contains "http://" %}href="{{ slide.url }}"{% elsif url_first_char == "." or url_first_char == "/" %}href="{{ slide.url }}"{% else %}href="{{ page.baseurl }}{{ slide.url }}{% endif %}"{% if slide.new_tab == true %} target="_blank" rel="noopener noreferrer"{% endif %}><img src="{{ page.baseurl }}assets/img/placeholder_16to9.jpg" data-src="{{page.baseurl}}{{slide.image}}" class="img-fluid hero-slider__slider--slide-img {% if slide.white_background %} hero-slider__slide-img--border{% endif %}" alt="{{slide.alt-text}}" /></a>
    {% if slide.text and slide.text != "" %}<div class="hero-slider__slider--heading-container text-center">
      <h3 class="hero-slider__slider--slide-heading">{{slide.text}}</h3>
    </div>{% endif %}
  </div>
  {% endif %}
{% endfor %}
</div>

</div>