How to add text overlay to collection images in new page

Store Design
10

Text size for mobile add this css in bottom

@media only screen and (max-width: 767px) {
.collection-grid__item-title .collection-item__title {	font-size: 14px;
}}