Ionic 5 Animate change width of columns

Hi, I’m developing an app where certain transitions of elements are needed. In this case specifically I have a page layout of two columns, one size 8, one size 4.
When clicked on “Show all” button in col size 4, I have to show more data regarding the content in it.

What my client wants is to animate change of width of the col size 4 column to size 12 while hiding the col size 8 column.

So basically my question is how to turn col size 4 to 12 and animate the column growth?

I have drawn my page layout in the pics below. Thank you in advance!