.wrapper-container-post {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100dvh;

    background: #f00;

    z-index: 4;

    padding: 0;

    margin: 0;
}
.list-post{
    position: relative;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background: transparent;
    height: 100dvh;
}


.list-post .post-item{
    width: 100%;
    scroll-snap-align: center;
    scroll-snap-stop: always;
    margin: auto;
    position: relative;
    height: 100dvh;
    background: #000;
}
.list-post .post-item.active {
    background:transparent;
}

.wapper-image-scroll img{
    width: auto;
    vertical-align: top;
    border: 0;
    height: auto;
    display: inline-block;
}
.wapper-image-scroll img.full-height{
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-sizing: unset;
}
.wapper-image-scroll img.full-width{
    object-fit: contain;
    box-sizing: unset;
    width: 100%;
    height: 100%;
    background: #000;
    border: 0;
}


.list-post .post-item.post-item-first{
    /* background: #0064ff; */
}
.list-post .post-item.post-item-active{
    /* background: #fff; */
}
.list-post .post-item.post-item-last{
    /* background: #000; */
}
@media screen and (max-width: 932px) {
    .list-post .post-item{
        height: calc(100dvh - var(--button-height));
        /* background: #000; */
    }
    .list-post {
        height: calc(100dvh - var(--button-height));
    }
}