How to remove text and wrap blog carousel

Site URL: http://www.gtmenabler.com

Hi I have two questions

1) On my homepage there a blog carousel. I put in CSS so that in mobile it showed the two column view but it got rid of the arrows to scroll like a traditional carousal of the blog block on desktop and mobile - how do I fix? Here's the CSS used:

@media screen and (max-width:640px) {
.sqs-block-summary-v2 .summary-item.positioned {
    width: 50% !important;
    padding: 10px;
    position: static;
    height: auto !important;
    top: 0 !important;
}
.sqs-block-summary-v2 .summary-item-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    height: auto !important;
}
}

2) On my portfolio page https://www.gtmenabler.com/sample-work, the site is requiring a input a "title" for each portfolio subpage. But the images I'm using on the portfolio homepage act as visual navigation. How do I hide the written (redundant) page title under each image tile of the portfolio pages as seen on the site?

#1. Add this to Design > Custom CSS

.sqs-block-summary-v2 .summary-carousel-pager {
    display: block !important;
}

#2. Use this CSS

.portfolio-text {
    display: none;
}

Thank you! Unfortunately for the first one, that didn't seem to work as it did add some arrows in visually, but the arrows dont work and the carousal just wraps to a second line on desktop