Please let me know if there is a better way. But I fixed with css and footer script:
.tiktok-feed-item__video-wrap img {
width: 100% !important;
height: auto !important;
max-width: 100% !important;
object-fit: contain !important;
display: block !important;
margin: 0 auto !important;
padding: 0 !important;
}
.tiktok-feed-item__video-wrap,
.tiktok-feed-item_wrap {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
background: transparent !important;
}
@media (max-width: 400px) {
html, body {
overflow-x: hidden !important;
}
.tiktok-feed-item_wrap,
.tiktok-feed-item__video-wrap {
overflow: hidden !important;
}
.tiktok-feed-item__video-wrap {
width: 100% !important;
display: block !important;
}
}
<script>
document.addEventListener('DOMContentLoaded', function () {
const tiktokImages = document.querySelectorAll('.tiktok-feed-item__video-wrap img');
tiktokImages.forEach(img => {
img.removeAttribute('width');
img.removeAttribute('height');
});
});
</script>
