.youtube-container {
    position: relative;
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .youtube-container {
        height: 525px;
    }
}

@media screen and (max-width: 1023px) {
    .youtube-container {
        padding-bottom: 56.25%; /* 16:9 鍮꾩쑉 */
        height: 0;
    }
    .youtube-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}