Hello, this code doesnt work.

WHen I use only this code in additional css in code snippets css.
@media (min-width:1200px;){
.wrapper {
width:1900px;
}
}

On PC or laptop widti of the screen is full screen and it is good, but on the mobile version all pictures are huge in woocommerce.

Thank you for your answer but if I change in customizing product page Woocommerce Options > Single product > Right side, to no sidebar, picture of woocommerce product getting bigger, if I change back to Right sidebar, the picture is getting smaller. I really like option No Sidebar, how product description and options are looking, but I don’t like that woocommerce is making single product picture so huge when I choose that, so this code is not working.
.woocommerce div.product div.images img {
width: 343px;
height: 500px;
}

Please help with one more question, how can I make website full screen but not 1200 px x. I really want to make 1900px if possible? How can I do that?