.pinner_main_ctn{
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.pinner_main_ctn[data-img1pos="contain"]{
    background-size: contain;
}

.pinner_main_ctn[data-img1pos="cover"]{
    background-size: cover;
}

.pinner_main_ctn[data-img1layout="landscape"] {
    /*padding-top: 56.25%;  16:9 aspect ratio (h/w * 100%) */
    aspect-ratio: 16/9;  
}

/* For portrait aspect ratio */
.pinner_main_ctn[data-img1layout="portrait"] {
    /*padding-top: 177.77%;  9:16 aspect ratio (w/h * 100%) */
    aspect-ratio: 9/16;
    
}

/* For square (1:1) aspect ratio */
.pinner_main_ctn[data-img1layout="square"]{
    /*padding-top: 100%; 1:1 aspect ratio (h/w * 100%) */
    aspect-ratio: 1/1;
}

/* For banner (2.95:1) aspect ratio */
.pinner_main_ctn[data-img1layout="banner"]{
    aspect-ratio: 2.95/1;
}

.pinner_main_ctn .layer_2,
.pinner_main_ctn .layer_3{
    position: absolute;
}

.pinner_main_ctn .layer_3[data-t="imgbtn"] img,
.pinner_main_ctn .layer_2 img{
    width: 100%;
    height: 100%;
}

.pinner_main_ctn .layer_3[data-t="imgbtn"] button{
    background-color: unset !important;
    padding: 0px !important;
    width: 100%;
    height: 100%;
}

.pinner_main_ctn[data-img2pos="contain"] .layer_2 img{
    object-fit: contain;
}

.pinner_main_ctn[data-img2pos="cover"] .layer_2 img{
    object-fit: cover;
}


.pinner_main_ctn:not([data-t2="none"]) .layer_2,
.pinner_main_ctn:not([data-t3="none"]) .layer_3{
    opacity: 0;
}


/*.pinner_main_ctn[data-t2="hover"][data-e2="fadein"] .layer_2,
.pinner_main_ctn[data-t3="hover"][data-e3="fadein"] .layer_3{
    transition: 5s;
}*/

.pinner_main_ctn[data-t2="hover"][data-e2="fadein"]:hover .layer_2,
.pinner_main_ctn[data-t3="hover"][data-e3="fadein"]:hover .layer_3,
.pinner_main_ctn[data-t2="hover"][data-e2="fadein"].Layer2_inview .layer_2,
.pinner_main_ctn[data-t3="hover"][data-e3="fadein"].Layer3_inview .layer_3,
.pinner_main_ctn[data-t2="timer"][data-e2="fadein"].Layer2_timer .layer_2,
.pinner_main_ctn[data-t3="timer"][data-e3="fadein"].Layer3_timer .layer_3{
    opacity: 1;
}

.pinner_main_ctn[data-t2="hover"][data-e2="pop"] .layer_2,
.pinner_main_ctn[data-t3="hover"][data-e3="pop"] .layer_3,
.pinner_main_ctn[data-t2="timer"][data-e2="pop"] .layer_2,
.pinner_main_ctn[data-t3="timer"][data-e3="pop"] .layer_3{
    transform: scale(0.5);
}


.pinner_main_ctn[data-t2="hover"][data-e2="pop"]:hover .layer_2,
.pinner_main_ctn[data-t3="hover"][data-e3="pop"]:hover .layer_3,
.pinner_main_ctn[data-t2="hover"][data-e2="pop"].Layer2_inview .layer_2,
.pinner_main_ctn[data-t3="hover"][data-e3="pop"].Layer3_inview .layer_3,
.pinner_main_ctn[data-t2="timer"][data-e2="pop"].Layer2_timer .layer_2,
.pinner_main_ctn[data-t3="timer"][data-e3="pop"].Layer3_timer .layer_3{
    opacity: 1;
    transform: scale(1);
}