Max height to a code block 2

Hi,
I have asked a similar question to this one about a week or two ago, but now it’s a little different. (link : https://kriesi.at/support/topic/max-height-to-a-code-block/)

I tried applying the same code to another code block. It was the same form, on a different page, I did it correctly by putting the right page ID and right order of the code block since in this case the code block I’m targeting is the second in the page not the first.
Here’s my code.

.page-id-3272 .avia_code_block_1  {
    height: 470px;
    max-width: 470px;
    overflow: scroll;
}

The problem is there’s some CSS around that block, and the scroll bars show inside the borders that i put in the style, it’s not looking good. And I cannot figure out how to do the same thing on the one third div containing the code block not the code block itself, so that when it expands the scroll bars show outside and not mess with the style.
Link of the page : https://preprod.immosafe.fr/page-le-remere/

I hope I explained the issue well.

Thanks in advance !