#heartboom {
            width: 100%;
            max-width: 100%; 
            overflow: hidden; 
            position: relative; 
        }

        .imgmbox {
            display: flex; 
            animation: slide 9s infinite; 
            animation-play-state: running; 
            margin-bottom: 10px;
        }

        .imgmbox:hover {
            animation-play-state: paused;
        }
        .Jboxx01{
    display: flex;
    flex-direction: column;
    align-items: center;
}
        .Jboxx01 img{
    margin-bottom: 25px;
}
        .mmlist {
            flex: 0 0 100%; 
            text-align: center; 
            position: relative; 
        }

        img {
            max-width: 100%;
            height: auto;
        }

        @keyframes slide {
            0% {
                transform: translateX(0); 
            }
            33.33% {
                transform: translateX(-100%); 
            }
            66.66% {
                transform: translateX(-200%);
            }
            100% {
                transform: translateX(0);
            }
        }