img[data-dynamic-reveal] {
    transition: opacity 1s ease-in-out,
                transform 1s ease-in-out;
}
img[data-dynamic-reveal].hidden {
    opacity: 0;
    transform: translateY(2rem);
}
:not(img)[data-dynamic-reveal] {
    clip-path: inset(0% 0% 0% 0%);
    transition: clip-path 1s ease-in-out;
}
:not(img)[data-dynamic-reveal].hidden {
    clip-path: inset(0% 100% 0% 0%);
}