Card Body and Footer not displaying in Repeat

Any guidance on how to troubleshoot this would be appreciated. Missing the Body and footer.

Here’s what I get:

image2680×1104 870 KB

Here’s the code:

<div class="col-12 col-lg-9" id="archivedBoats">

            <div class="row" is="dmx-repeat" id="repeat1" dmx-bind:repeat="serverconnect1.data.query">

                <div class="gx-1 gy-1 mt-0 mb-0 col-4">

                    <div class="hovereffect">

                        <div class="card text-white bg-transparent shadow rounded-3">

                            <img class="card-img img-fluid img-thumbnail" dmx-bind:src="'file_name" id="card_img">

                            <div class="card-body" dmx-html="(build_year > 0 ? 'Circa:'+build_year : '')+'Originally listed from '+city.titlecase()+', '+state.titlecase()"></div>

                            <div class="card-footer" id="boat_details">{{(build_year > 0 ? 'Circa:'+build_year : '')+'Originally listed from '+city.titlecase()+', '+state.titlecase()}}

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>