How to edit List Block for mobile device.

Site URL: https://www.revisingrubies.com/

I would like to edit the list block so that the thumbnail displays above the title on mobile. 

Currently, the image displays next to the text which results in it being too small to read. 

See the homepage of my website https://www.revisingrubies.com/

Thanks

Add to Home > Design . Custom CSS

@media screen and (max-width:640px) {
section#extra-info {
.sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container {
    width: 100% !important;
}
.sqs-gallery-design-list .sqs-gallery-design-list-slide:not(.no-image) .sqs-gallery-meta-container {
    width: 100% !important;
}
}
}