Positioning image title/description on gallery images for mobile site

Hi, I figured out custom css to overlay the title and description onto an image for the mobile version, but it looks crowded and i want to move the description below the image, what code do I need to do this?

Also wondering how to make the images full-bleed on the mobile version?:

https://jesselynndell.com/costumedesign

Add to Design > Custom CSS

@media screen and (max-width:640px) {
.sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .sqs-active-slide .meta {
    position: static !important;
    background: transparent !important;
    opacity: 1 !important;
}
div#block-yui_3_17_2_1_1667415468332_8915 .slide {
    position: static !important;
}
div#block-yui_3_17_2_1_1667415468332_8915 .sqs-gallery {
    height: auto !important;
}
.sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .sqs-active-slide .meta * {
    color: black !important;
}
}

Fullbleed: You mean remove left/right gap of images?