The CSS for the class(opacity-100, translate-x-0) is not generated, safelist the class inside your tailwind.config.js

How to safelist properties in Tailwind

Add your properties you adding from JS and if not used before in html file.