How can I re-positioning embedded youtube video in mobile view ?

Site URL: https://autotable-square.squarespace.com/

I have a video block, which include youtube link but they are not centered in mobile view. 

Add to Home > Design > Custom CSS

/* mobile video */
@media screen and (max-width:767px) {
html, body {
    overflow-x: hidden;
}
div#block-yui_3_17_2_1_1600941388823_27529 {
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
}

Quote

/* mobile video */
@media screen and (max-width:767px) {
html, body {
    overflow-x: hidden;
}
div#block-yui_3_17_2_1_1600941388823_27529 {
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
}

Thank @tuanphan. It worked !