tailwindでreact-spring-3d-carouselを使うと右端の画像が表示されない

react-spring-3d-carousel使用時に右端の画像が表示されない

tailwind使用時にreact-spring-3d-carousel使うと画像が上手く表示されなかった
オプションのoffsetRadius: 2　にすると、左に2枚の画像、中央に1枚の画像、右に2枚の画像が表示されるはずだが、右1枚の画像しか表示されなかったので調べてみると

max-widthが100%になっていたので

img, video {
    max-width: 100%;
    height: auto;
}

unsetで初期化すると綺麗に治った

img {
    max-width: unset;
}

理由がわかれば凄い簡単だけど、少しハマって解消に時間がかかったので忘備録として。