Resizing text & images on mobile view

Site URL: http://www.kevinthomasfilm.com

Hi, 

I used the code that @lu.diehl provided: 

/* mobile screens */
@media only screen and (max-width: 640px) {
  #block-yui_3_17_2_1_1627563480786_5210{
  width: 50%;
  }
}

But the image on the mobile is floating to the left not the centre of the image. Could you help? Or @tuanphanas you've helped me before with some codes :)) ??  Screenshots attached. 

https://www.kevinthomasfilm.com/ 

Password: KTF

Also I would like to resize the text when scrolling right & left as on mobile not able to read the bottom text as too big. Again see photos attached. 

https://www.kevinthomasfilm.com/commercials/sony

Password: KTF

Thank you 

Add to Design > Custom CSS

/* mobile resize */
@media screen and (max-width:767px) {
/* image */
div#block-yui_3_17_2_1_1627563480786_5210 {
    width: 50%;
    margin: 0 auto;
}
/* pagination */
h2.item-pagination-title {
    font-size: 16px !important;
}
}