change the location of the Image's Title and Description

Site URL: https://cullenfurniture.squarespace.com/lighting/gridlamp

I need to change the position of the description like the one I have done in this link: https://cullenfurniture.squarespace.com/lighting/candleholders and be able to replicate several times

Add to Design > Custom CSS

@media screen and (min-width:768px) {
.item-pagination[data-collection-type^="blog"] {
    max-width: 1800px;
    width: 75%;
    margin: 0 auto;
}}

thanks @tuanphan , but it doesn't change position, or am I missing something else?

That is aligned at the bottom of the image in the left corner, as the reference

div.meta {
  bottom: 0;
  background-color: #00000000 !important;
}
div.meta-title {
    position: relative;
    top: 60%;
  	right: 40px;
    font-weight: bold;
	color: black !important;
  	margin: 1rem 0;
}
div.meta-description {
    position: relative;
    top: 60%;
  	right: 40px;
  p {line-height: 1pt !important;}
  p {color: black !important;}
}
@media screen and (min-width:768px) {
.item-pagination[data-collection-type^="blog"] {
    max-width: 1800px;
    width: 75%;
    margin: 0 auto;
}}