Summary block layout changing on tablet landscape view

I have a summary block on my home page showing 4 blog post graphics in a single row - this looks fine on my computer.  On my ipad, in landscape view, the summary block automatically goes on to 2 rows, so there's a single graphic on row 2 which looks odd.  I just want the summary block items to stay on one row on tablet landscape view - how do I do that?  Or I'd be happy for just 3 post graphics to show up on the single row if that is easier, just not how it is now!  Thanks in advance.

If you share link to page where you use summary block, we can check easier

11 hours ago, tuanphan said:

If you share link to page where you use summary block, we can check easier

It's https://thesimplifyproject.co.  Thanks!

Use this code to Website > Website Tools > Custom CSS

@media screen and (max-width:991px) and (min-width:768px) and (orientation:landscape) {
div#block-9528921e749e29737938 {
.summary-item {
    width: 22.4678% !important;
    margin-bottom: 3.37621% !important;
    margin-right: 3.37621% !important;
}

.summary-item:last-child {
    margin-right: 0 !important;
    clear: none !important;
}
}}

3 hours ago, tuanphan said:

Use this code to Website > Website Tools > Custom CSS

@media screen and (max-width:991px) and (min-width:768px) and (orientation:landscape) {
div#block-9528921e749e29737938 {
.summary-item {
    width: 22.4678% !important;
    margin-bottom: 3.37621% !important;
    margin-right: 3.37621% !important;
}

.summary-item:last-child {
    margin-right: 0 !important;
    clear: none !important;
}
}}

Thanks so much but I've added the CSS and it's not working for me

Can you keep CSS code? I can check again easier