<div class="square col-md-4 d-flex align-items-center"> <div class="card h-85 w-100"> <img alt="Card image" class="card-img h-100 br-0" src="{{ imageSource }}"> <div class="card-img-overlay h-100 d-flex flex-column justify-content-end px-0"> <div class="w-95 w-100 bg-semi-transparent content-card px-0 mx-0 d-flex flex-row align-items-center"> <h6 class="card-title col-10 my-0 ct-blue fs-18 ff-os-bold"> <div class="parent-p"> {{ content|raw }} </div> </h6> </div> <a class="btn-see-card px-0" href="{{ buttonLink }}"> <p class="fs-12 ff-os-bold text-uppercase d-flex justify-content-center align-items-center py-0 my-0 h-100 w-100 text-truncate"> {{ buttonText|trans }} </p> </a> </div> </div></div>