Reduce space between Product Image and product title On Mobile Debutify

Store Design
1

Hello, I want to reduce the space between my product image and product title on mobile specifically. I tried to do it myself and looked for the solution, but no luck. If anyone could help that would be much appreciated. I Just want to move the bottom of my product image closer to the product title on mobile.
I am using Debutify Theme and my URL is mysummerparty.com

2

Please add below css code in bottom of assets/theme.scss.css file

@media screen and (max-width: 769px)
.product-single__meta–wrapper {
margin-top: 0;
}
Thank you.

3

Thank you for the quick response, but im sorry that didn’t work. I dont have a theme.scss.css and I copied and pasted that into theme.scss.liquid and it didn’t work. @Denishamakwana