How to put the image caption below the image

Hey oburlin,
For the image caption, you will note in the element that it’s placement is in the overlay:

To move to the lower part of the image, I see that you have added this custom css:

.av-image-caption-overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    bottom: 0px !important;
    color: black !important;
    height: auto !important;
    left: 50% !important;
    transform: translate(-50%) !important;
    width: auto !important;
}

Resulting in this:

To make it one line try removing width: auto !important; from your css.
Then you would see:

If you want the caption below the image, try this css instead:

#top .av-image-caption-overlay {
    height: auto;
    width: 100%;
    left: 0px;
    bottom: 0px;
    transform: translateY(100%);
}
#top .av-overlay-hover-deactivate .avia-image-overlay-wrap:hover .av-caption-image-overlay-bg {
    opacity: 0.4 !important;
}
#top .avia-image-container .av-caption-image-overlay-bg {
    opacity: 0.4;
    background-color: transparent;
}
#top .avia-image-container .av-image-caption-overlay-center {
    color: #000;
}

resulting in this:

Best regards,
Mike