Image block collage text changes size

Site URL: https://caroline-hossein.squarespace.com/caroline-shenaz-hossein

On one of my image collages (https://caroline-hossein.squarespace.com/caroline-shenaz-hossein) I wanted to make the text BOX bigger, so I injected some code. This worked but it seems to also affect the size of the text IN the box. I'd like the text within the box to remain at 17, and only make the container bigger. The problem with the text can be seen when switching between screen sizes. With a bigger screen, the text also grows. So it looks fine in the mobile setting, but looks ridiculous in full screen. Does anyone know how i might fix this to keep the text size at a true 17?  As can be seen in this other image text box https://caroline-hossein.squarespace.com/ it's not a problem.

Thanks so much guys. 

My code below.

div#page-5df3f0acb29aca197b85f292 .image-card-wrapper {

    width: 80% !Important;

}