Image block text box formatting 7.0

Site URL: https://uplan.io/

Hello!

I would like to add pictograms to my site with text underneath. I already managed to center my text in the image text block, but i need my pictograms to stay small, but the text box to be wider. Could you please help me? Im using 7.0 Brine template. Thanks a lot!

This is how it looks like now:

This is how i want it to look like:

I don't see them on homepage. Can you share link to exact page?

Sure, its just a not enabled at the moment only with a direct link, here it is:

https://uplan.io/magyar

They are inline image blocks.

Thanks!

Edit Page > Add Code Block > Paste this code

<style>
  @media screen and (min-width:641px) {
  .design-layout-inline figure {
    width: 100% !important;
    max-width: 100% !important;
}
    .design-layout-inline .image-block-wrapper {
    width: 30% !important;
    height: auto !important;
    margin: 0 auto;
    padding-bottom: 30% !important;
}
  }
</style>

Thank you so much for your help!!