<html lang="en">
<div class="col-md-4 mb-4 web-card" id="{{{id}}}">
    <div class="card mb-4 h-100 shadow-sm web-card-background">
        <div class="card-body d-flex flex-column text-center">
            <h6 class="card-text text-header" style="text-align:center">{{title}}</h6>
            <p class="card-text text-paragraph text-align-left">{{description}} </p>
            <div class="d-inline-block mt-auto mx-auto justify-content-between align-items-center web-card-image-background">
                <img id="collapse-image" class="rounded-circle mx-auto d-block img-fluid"
                     src="{{{imgPath}}}" alt="{{{altText}}}"
                     style="max-height:50px">
            </div>
        </div>
    </div>
</div>
</html>