.comments {
        width: 100%;
        position: relative;
        background-image: url('/images/landing/commentsWall.png');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
        .CommentsSwiper {
            position: relative;
            .swiper {
                .swiper-pagination-bullet {
                    background: rgb(113, 111, 111);
                    width: 12px;
                    height: 12px;
                    border-radius: 5px;
                    opacity: 1;
                    position: absolute;
                    bottom: -20px;
                }
                .swiper-pagination-bullet-active {
                    background-color: rgb(208, 21, 152);
                }
            }
        }
        &::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            z-index: -2;
            background: #09214ECC;
        }
        &::before {
            content: "";
            position: absolute;
            width: 100%;
            bottom: 0;
            height: 100%;

            @media (min-width : 992px) {
                width: 90%;
                height: 80%;
                bottom: 0;
                left: 5%;
                background-position: center;
            }
            background-image: url('/images/landing/maskGroup.png');
            background-position: bottom;
            background-size: 100%;
            background-repeat: no-repeat;
            z-index: -1;
        }
    }