/* Photo 1.0.0 */
.lvd-cm-photo .lvd-container                   {position:relative; box-shadow: var(--lvd-shadow-100);}
.lvd-cm-photo .lvd-caption                     {position:absolute; bottom:24px; left:24px; max-width: calc(100% - 200px); background:var(--lvd-color-white); color:var(--lvd-color-black); font-size: var(--lvd-text-s1); border-radius:20px; padding:8px 16px;}


/* Animation */
.lvd-cm-photo.lvd-scroll-zoom {
    view-timeline-name: --photo-zoom;
    view-timeline-axis: block;
    overflow: hidden; 
}
.lvd-cm-photo.lvd-scroll-zoom .lvd-container {
    transform: scale(0.65);
    transform-origin: center center;
    will-change: transform, border-radius;
    animation: lvd-grow-effect linear both;
    animation-timeline: --photo-zoom;
    animation-range: entry 0% cover 50%;
}
@keyframes lvd-grow-effect {
    to {
        transform: scale(1); 
        /* border-radius: 0px; */
    }
}

/* Bm */
@media (min-width:1px) and (max-width:767px)
{
.lvd-cm-photo                                  {margin-left:8px; margin-right:8px;}
.lvd-cm-photo .lvd-caption                     {bottom:16px; left:16px; max-width: calc(100% - 80px);}
}

/* Bt */
@media (min-width:768px) and (max-width:1024px)
{
.lvd-cm-photo                                   {margin-left:24px; margin-right:24px;}
}

/* Full HD */
@media (min-width:1025px) and (max-width:1344px)
{
.lvd-cm-photo                                   {margin-left:24px; margin-right:24px;}
}