Accordion block spacing on mobile

Site URL: https://www.studiogiraffe.sg/

Hi, I have two side-by-side accordion blocks which looks fine on desktop. On mobile, I'd like them to look like one single accordion block i.e. remove the space between the last item on the first accordion and the first item on the second accordion. How can I do this with CSS?

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1661754245438_133611 {
    padding-top: 0px !important;
}
div#block-yui_3_17_2_1_1661754245438_10049 {
    padding-bottom: 0px !important;
}
}

Thanks so much!