E-commerce product page using Next.js and Tailwind

I built an ImageGallery component that receives width/height props with the idea of making it responsive. But since I'm using Nextjs, I didn't want to deal with window.matchMedia on the server side. Therefore I decided to use the Tailwind classes for CSS media queries. The problem was that I had to concatenate classes (tailwind doesn't allow to construct class names dynamically) and finally got a solution using 'safelist' in tailwind.config.js. But something tells me there must be a better solution for this. So please if you know any better way I would really appreciate it.