[Share] Portfolio Grid Overlay: Text Position

Some CSS code to change Text Position in Portfolio Grid Overlay.

If code doesn't work, you can send link to portfolio page on your site, I will check again.

#1. Text in bottom left

div.portfolio-text {
    justify-content: flex-end !important;
    align-items: flex-start;
}

#2. Text in bottom right

div.portfolio-text {
    justify-content: flex-end !important;
    align-items: flex-end !important;
}

#3. Text in top left

div.portfolio-text {
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

#4. Text in top right

div.portfolio-text {
    justify-content: flex-start !important;
    align-items: flex-end !important;
}

#5. Text in bottom center

div.portfolio-text {
    justify-content: flex-end !important;
    align-items: center !important;
}

#6. Text in top center

div.portfolio-text {
    justify-content: flex-start !important;
    align-items: center !important;
}

#7. Text in right center

div.portfolio-text {
    justify-content: center !important;
    align-items: flex-end !important;
}

#8. Text in left center

div.portfolio-text {
    justify-content: center !important;
    align-items: flex-start !important;
}

#9. Text under Image (Mobile)

@media screen and (max-width:767px) {
    div.portfolio-text {
    position: static !important;
    opacity: 1 !important;
    padding-top: 5px !important;
}
div.portfolio-text h3 {
    margin: 0 !important;
}
a.grid-item {
    margin-bottom: 15px !important;
}}

#10. Text under Image (Desktop)

@media screen and (min-width:768px) {
    div.portfolio-text {
    position: static !important;
    opacity: 1 !important;
    padding-top: 5px !important;
}
div.portfolio-text h3 {
    margin: 0 !important;
}
a.grid-item {
    margin-bottom: 30px !important;
}}

#11. Align vertical in left center

div.portfolio-text {
    transform: rotate(90deg);
    justify-content: flex-end !important;
}

#12. Align vertical in right center

div.portfolio-text {
    transform: rotate(90deg);
    justify-content: flex-start !important;
}

#13. Align vertical in bottom right

div.portfolio-text {
    transform: rotate(90deg);
    justify-content: flex-start !important;
    align-items: flex-end !important;
}

#14. Align vertical in bottom left

div.portfolio-text {
    transform: rotate(90deg);
    justify-content: flex-end !important;
    align-items: flex-end !important;
}

#15. Align vertical in top left

div.portfolio-text {
    transform: rotate(90deg);
    justify-content: flex-end !important;
    align-items: flex-start !important;
}

#16. Align vertical in top right

div.portfolio-text {
    transform: rotate(90deg);
    justify-content: flex-start !important;
    align-items: flex-start !important;
}