This code has been super helpful!
I'm struggling to keep the text from going edge to edge - is this something that you can help with? I tried using text: {margin: auto; width: 80%} on the blocks but then the text block is left aligned.
.gallery-caption.gallery-caption-grid-simple {
position: absolute;
top: 50%;
transform: translateY(-50%);
text: {margin: auto; width: 80%}
opacity: 0;
transition: opacity 0.5s ease;
color: #fff;
pointer-events:none;
}
Here is the sample page: https://truecallingmedia.com/new-tc-home