Table not working on tablet

Site URL: https://tinycoastdigital.com/webdesign

Hello!

I have a simple table on my web design page  and it works well on desktop and mobile, but not on tablet. 

https://tinycoastdigital.com/webdesign

I've been trying to adjust some css, but not having any success. The table is designed using markup - on tablet, rather than adjusting to the screen size and pushing into vertical columns, the tables get very long and skinny, and the text gets quite jumbled.  Any help would be very appreciated. Thanks in advance!! 🙂

Here's the table: 

You can consider stacked these items on Tablet with this CSS

/* Stacked webdesign boxes tablet */
@media screen and (max-width:991px) and (min-width:768px) {
.user-items-list-item-container[data-section-id="61e3ae2f2036f06114e81332"] {
    grid-template-columns: repeat(1,1fr);
}
}