.ass__container {
                            width: 100%;
                            max-width: 670px;
                            border: 3px solid #B10100;
                            border-radius: 20px;
                            background: url(./images/ass_bg.png);
                            background-size: cover;
                            box-sizing: border-box;
                        }

                        .ass__title {
                            width: 100%;
                            margin: 0;
                            margin-top: 20px;
                            background: #B10100;
                            padding: 20px;
                            color: #fff;
                            font-size: 26px !important;
                            line-height: 30px !important;
                            box-sizing: border-box;
                        }

                        .ass__container--body {
                            padding: 50px 15px 100px;
                            display: flex;
                            justify-content: space-between;
                        }

                        .ass {
                            display: flex;
                            justify-content: center;
                            width: 32%;
                            height: auto;
                            background: url(./images/body.png);
                            position: relative;

                            box-sizing: border-box;
                            background-size: 100% 100%;
                            padding: 15% 10%;
                        }

                        .ass:hover {
                            cursor: pointer;
                        }

                        .ass__img {
                            position: absolute;
                            top: 60px;
                            height: 55%;
                            width: 150%;
                            z-index: 2;
                            transition: 1s;
                        }

                        #ass1 .ass__img {
                            top: 70px;
                            height: 50%;
                            width: 90%;
                        }

                        .ass__discount {
                            background: rgba(255, 255, 255, 0.7);
                            opacity: 0;
                            border-radius: 10px;
                            padding: 15px 20px;
                            box-sizing: border-box;
                            font-size: 32px !important;
                            line-height: 36px !important;
                            transition: 1s;
                        }

                        .win {
                            background: rgba(255, 255, 255, 0.9);
                            border: 2px solid #B10100;
                            border-radius: 10px;
                        }

                        .underpants__animation {
                            animation: underpants 1s infinite linear;
                            -webkit-animation: underpants 1s infinite linear;
                        }

                        @keyframes underpants {
                            0% {
                                transform: translate(1px, 1px) rotate(0deg);
                            }

                            10% {
                                transform: translate(-1px, -2px) rotate(-1deg);
                            }

                            20% {
                                transform: translate(-3px, 0px) rotate(1deg);
                            }

                            30% {
                                transform: translate(3px, 2px) rotate(0deg);
                            }

                            40% {
                                transform: translate(1px, -1px) rotate(1deg);
                            }

                            50% {
                                transform: translate(-1px, 2px) rotate(-1deg);
                            }

                            60% {
                                transform: translate(-3px, 1px) rotate(0deg);
                            }

                            70% {
                                transform: translate(3px, 1px) rotate(-1deg);
                            }

                            80% {
                                transform: translate(-1px, -1px) rotate(1deg);
                            }

                            90% {
                                transform: translate(1px, 2px) rotate(0deg);
                            }

                            100% {
                                transform: translate(1px, -2px) rotate(-1deg);
                            }
                        }

                        @-webkit-keyframes underpants {
                            0% {
                                transform: translate(1px, 1px) rotate(0deg);
                            }

                            10% {
                                transform: translate(-1px, -2px) rotate(-1deg);
                            }

                            20% {
                                transform: translate(-3px, 0px) rotate(1deg);
                            }

                            30% {
                                transform: translate(3px, 2px) rotate(0deg);
                            }

                            40% {
                                transform: translate(1px, -1px) rotate(1deg);
                            }

                            50% {
                                transform: translate(-1px, 2px) rotate(-1deg);
                            }

                            60% {
                                transform: translate(-3px, 1px) rotate(0deg);
                            }

                            70% {
                                transform: translate(3px, 1px) rotate(-1deg);
                            }

                            80% {
                                transform: translate(-1px, -1px) rotate(1deg);
                            }

                            90% {
                                transform: translate(1px, 2px) rotate(0deg);
                            }

                            100% {
                                transform: translate(1px, -2px) rotate(-1deg);
                            }
                        }

                        @media (max-width: 550px) {
                            .ass__container--body {
                                flex-direction: column;
                                align-items: center;
                                gap: 25px;
                            }

                            .ass {
                                width: 50%;
                                padding: 25% 0%;
                            }

                            .ass__img {
                                top: 50px;
                                left: 15px;
                                height: 55%;
                                width: 90%;

                            }

                            #ass1 .ass__img {
                                width: 87%;
                                top: 50px;
                                height: 50%;
                                left: 17px;
                            }

                            #ass3 .ass__img {
                                width: 95%;
                                left: 5px;
                            }
                        }

                        @media (max-width: 480px) {
                            .ass__img {
                                left: 10px;
                            }

                            #ass1 .ass__img {
                                left: 15px;
                            }
                        }

                        @media (max-width: 420px) {
                            .ass__img {
                                left: 5px;
                                width: 95%;
                                top: 45px;
                                height: 50%;
                            }

                            #ass1 .ass__img {
                                top: 45px;
                                left: 10px;
                            }
                        }

                        @media (max-width: 350px) {

                            .ass__img,
                            #ass1 .ass__img {
                                top: 40px;
                            }
                        }