.content3{
    display: flex;
    height: 47.4vw;
}
    .content3>article{
        width: 50%;
    }
        .content3-article1{
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: black;
        }
            .content3-article1>video{
                width: 80%;
                background-color: white;
            }

    .content3-article2{
        padding: 5vw;
        background-color: #fee600;
    }
        .content3-article2>h2{
            font-size: 3.5vw;
            font-weight: 900;
            margin-bottom: 2vw;
        }
        .content3-article2>p{
            font-size: 1.6vw;
            font-weight: 600;
        }
        
        
@media only screen and (max-width: 600px) {
    .content3{
        display: block;
        height: 244vw;
    }
        .content3>article{
            width: 100%;
        }
        
        .content3-article1{
            height: 100vw;
        }
            .content3-article1>video{
                width: 80%;
            }

        .content3-article2{
            padding: 5vw;
        }
            .content3-article2>h2{
                font-size: 10vw;
                margin-bottom: 5vw;
                text-align: center;
            }
            .content3-article2>p{
                font-size: 5vw;
                font-weight: 600;
                text-align: justify;
     
            }
}