рони,
спасибо за участие!
В Вашем варианте получалось так, что тень от карточки-картинки вообще не понятно куда девалась...
Я сделал так
<style type="text/css">
.card .card-image.pic { display: table-cell; }
.card .card-image.pic img { border-radius: 0 !important; }
</style>
<div class="col s6 m4 l4">
<div class="card hoverable">
<div class="card-image pic">
<img class="materialboxed" data-caption="[[+name]]" src="[[+thumbnail]]" data-src="[[+image]]" />
</div>
</div>
</div>
Можно без последней строки, но получилось так, что там рамки начали появляться по 1-2 пикселей между картинкой и слоем подложкой, от которой идёт тень. Нашёл виновника. Не понял зачем он нужен.
А... Похоже не очень помогла моя реализация, когда превьюшка квадратная, а картинка нет. В классе material-placeholder выставляется свойства оригинала картинки
.