Losing functionality with shortcoder

I am building a site for a baseball tournament company and I will have for example a page for each team. I am building the site with gutenberg and a couple other extra plugins for it. I wanted to set up a team page template and then have certain variables and just call the template shortcode for each team’s page that way if when I wanted to make updates to the look of the team page template I’d just have to change the shortcode code and it’d update all team’s pages.

My page with the original code shows fine. If I copy the code and paste it in a new page it works fine. But if I copy the code and paste it in a shortcode and make a new page that only displays that shortcode there are a couple formatting issues that are arising.

Is there anyway to have the output of the shortcode be exactly as like it is displaying when I paste the code into a page directly as to when I have a page display through a shortcode?

***And just to point out, it is displaying 99% of everything correctly so it for the most part is working as intended, it’s just a couple things throwing it off like for example I have tabs and the tabs aren’t functioning correctly when clicked. And I’ve tried things like when I created the shortcode use the code editor as opposed to visual etc…

Am I just out of luck that HTML will render some things differently when it’s passed through the shortcoder? If so I am hoping to accomplish what I want with the WP All import plugin to make mass changes to pages.