Applying a flex-grow on swiper active slide

Hey everyone, happy to be here! :webbae: I'm trying to implement this functionality where the info box appears on the right side on the active slide. I was thinking of making it appear by growing the container. I've searched everywhere, even codePen but I'm struggling a bit to find it. I'm currently using fixed values on my read-only instead of flex-grow, but I think I might be complicating it? The issue here is that, since I'm changing the width of each slider everytime it goes active, the swiper is needs to be re-calculating the width over and over again. Any suggestions are very welcome! Read-only: https://preview.webflow.com/preview/prop-staging-2024?utm_medium=preview_link&utm_source=designer&utm_content=prop-staging-2024&preview=869d438f613e197db93a490dc96ef992&workflow=preview