Dawn theme - Mobile View image problems

[khurst]

My image is getting cut off in the mobile view. How do I expand it to fit the whole bubble?  https://bluphactor.myshopify.com/

 

[Mustafa_Ali]

@media screen and (max-width: 767px) {
.uk-card.uk-card-default.uk-overflow-hidden.uk-border-rounded.uk-box-shadow-no.uk-height-1-1 {
    height: 30rem !important;
 }
}

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the <style> tag before the body ----->
if this code work please do not forget to like and mark it solution

[Dan-From-Ryviu]

Hi @khurst 

Please add this code to Custom CSS of that section to solve the issue on mobile.

@media (max-width: 749px) {
    .uk-card { height: 340px !important; }
}