HTML과 부트스트랩에서 사진 크기 조절하는 방법

<tbody>
<tr th:each="order : ${orders}">
    <td style="width: 6rem;"><img class="bd-placeholder-img card-img-top img-fluid" width="100%" height="100%"
         th:src="'data:image/jpeg;base64,'+${order.mainImage}" alt="..." /></td>
    <td th:text="${order.amount}">결제금액</td>
</tr>
</tbody>

 

img의 상위 클래스에 style="width: Xrem;"으로 크기를 조절한다.

img-fluid나 img-responsive 등등 스택 오버플로우의 모든 방법을 해봐도 안 되는데 이것만 크기 조절이 가능했음