An Image Card Set can have 1 to 4 image cards grouped together.
When there are 3 or less image cards in a set, they display in a single row.
When there are 4 image cards, they are split into a 2x2 grid.
<div class="tcu-image-card-set tcu-component grid-x align-center">
<div class="grid-x grid-margin-x grid-margin-y">
<div class="cell large-6">
<div class="tcu-image-card ">
<div class="tcu-image-card__image image-flair-alt">
<img src="https://via.placeholder.com/670x450" alt="" width="670" height="450" loading="lazy" />
</div>
<div class="tcu-image-card__content">
<div class="tcu-image-card__title">
<p class="h2">The Andrews Institute</p>
</div>
<div class="tcu-image-card__description">
<p>The Andrews Institute strives to provide an environment for innovation and change in mathematics and science education through research and teaching by TCU faculty and students. The hope of the Andrews Institute is to increase the number of students in mathematics and science pipelines at all levels, focus on mathematics and science undergraduate education courses, generate mathematics and science learning opportunities for K-12 students, and provide professional development opportunities.</p>
</div>
<div class="tcu-image-card__button">
<a href="" class="tcu-button _primary | button primary">
Learn More
</a>
</div>
</div>
</div>
</div>
<div class="cell large-6">
<div class="tcu-image-card ">
<div class="tcu-image-card__image image-flair-alt">
<img src="https://via.placeholder.com/670x450" alt="" width="670" height="450" loading="lazy" />
</div>
<div class="tcu-image-card__content">
<div class="tcu-image-card__title">
<p class="h2">The Andrews Institute</p>
</div>
<div class="tcu-image-card__description">
<p>The Andrews Institute strives to provide an environment for innovation and change in mathematics and science education through research and teaching by TCU faculty and students. The hope of the Andrews Institute is to increase the number of students in mathematics and science pipelines at all levels, focus on mathematics and science undergraduate education courses, generate mathematics and science learning opportunities for K-12 students, and provide professional development opportunities.</p>
</div>
<div class="tcu-image-card__button">
<a href="" class="tcu-button _primary | button primary">
Learn More
</a>
</div>
</div>
</div>
</div>
<div class="cell large-6">
<div class="tcu-image-card ">
<div class="tcu-image-card__image image-flair-alt">
<img src="https://via.placeholder.com/670x450" alt="" width="670" height="450" loading="lazy" />
</div>
<div class="tcu-image-card__content">
<div class="tcu-image-card__title">
<p class="h2">The Andrews Institute</p>
</div>
<div class="tcu-image-card__description">
<p>The Andrews Institute strives to provide an environment for innovation and change in mathematics and science education through research and teaching by TCU faculty and students. The hope of the Andrews Institute is to increase the number of students in mathematics and science pipelines at all levels, focus on mathematics and science undergraduate education courses, generate mathematics and science learning opportunities for K-12 students, and provide professional development opportunities.</p>
</div>
<div class="tcu-image-card__button">
<a href="" class="tcu-button _primary | button primary">
Learn More
</a>
</div>
</div>
</div>
</div>
<div class="cell large-6">
<div class="tcu-image-card ">
<div class="tcu-image-card__image image-flair-alt">
<img src="https://via.placeholder.com/670x450" alt="" width="670" height="450" loading="lazy" />
</div>
<div class="tcu-image-card__content">
<div class="tcu-image-card__title">
<p class="h2">The Andrews Institute</p>
</div>
<div class="tcu-image-card__description">
<p>The Andrews Institute strives to provide an environment for innovation and change in mathematics and science education through research and teaching by TCU faculty and students. The hope of the Andrews Institute is to increase the number of students in mathematics and science pipelines at all levels, focus on mathematics and science undergraduate education courses, generate mathematics and science learning opportunities for K-12 students, and provide professional development opportunities.</p>
</div>
<div class="tcu-image-card__button">
<a href="" class="tcu-button _primary | button primary">
Learn More
</a>
</div>
</div>
</div>
</div>
</div>
</div>