<div class="col-xs-12 col-sm-6 col-md-3">
<div class="calcite-web">
<div class="card-base">
<div class="card-image-wrap">
<a href="https://gis.franklincountyva.gov/compviewer/index.html">
<img class="card-image" src="https://franklincova.maps.arcgis.com/sharing/rest/content/items/a6e74f639ac34dd48e3bc6d9ee390d0a/data" alt="Public GIS Viewer">
</a>
</div>
<div class="card-content">
<h4>Comprehensive Parcel Search</h4>
<p style="min-height: 50px">This is a more comprehensive viewer for industry professionals that has more layers and more tools for those who work with land and real estate. </p>
<div aria-label="actions" class="btn-group btn-group-justified" role="group">
<a class="btn btn-primary" target="_blank" href="https://gis.franklincountyva.gov/compviewer/index.html">Access GIS Viewer</a>
</div>
</div>
</div>
</div>
</div>
So, the up-shot here is that I'm trying to link the gallery cards' thumbnail images to the same URLs as their buttons (as seen in the attached image).
I tried to wrap the <img> tag above in <a href> tag, but it did not work in any of the multiple ways I tried it (the last attempt preserved above), so I'm sure I'm missing something. Just an FYI, the code block above is for the "Comprehensive Parcel Search" tool displayed in the image below. The other gallery items, however, are all handled the same way, so what's sauce for the goose, should be sauce for the gander.
From user feedback on our site, folks have expressed a frustration that the thumbnails are not linked, so I'm just trying to accommodate what is apparently a more intuitive workflow for our users.
I sincerely thank y'all for any assistance you can offer.