How to reduce product photo size & increase spacing between current and next photo (dawn theme)

[sunny96x]

Current:

Desired:  

As you see, everything has gotten slightly pushed up above the fold and the right spacing is now even with all other spacings between all the other photos and thumbnails.

Website: https://shopstellory.com/products/sticky-inserts

[BSS-TekLabs]

- Here is the solution for you @sunny96x 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
@media only screen and (max-width: 600px) {
.product-media-container {
    max-width: calc(96% - calc(var(--media-border-width)* 2)) !important;
}
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[sunny96x]

Hello! Apologies for being a perfectionist but is there anyway to push the next image a little bit to the left so the right gap can be the exact same as the 2 gaps at the bottom?