How to make product photo take up full width and height

Store Design
,
1

I want the product photo to be just as big as the “scuffer” product photo. I already made the size of the photo the same as the scuffer one but shopify keeps cropping it. How do I make it the original size taking up the full width? My url is www.whosociety.com

samueljoonjung_0-1747929324407.png
samueljoonjung_0-1747929324407.png747×1415 64.4 KB

scuff.jpeg
scuff.jpeg828×1792 62.3 KB

2

@samueljoonjung please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

@media screen and (max-width: 749px) {
.product__media-list .product__media-item { width: 100% !important; }

.grid--peek.slider .grid__item:first-of-type {  margin-left: 0 !important;  }
}
3

This has been the very issue troubling me for a while now until i got it done by an expert and everything came back to normal as expected you can reach out too as well.

+1 (657) 499-7285