How can I center my homepage image and text on mobile view?

[Cukrovinky]

Hi. As you can see on my website: https://c31a31-2.myshopify.com/ pass:password when you open homepage in mobile size, the first image is not centered and I would like to center it to the middle. Also the text under the image is on the right side, but I want it also in the middle, with different color of the text(only for the mobile size). Thanks for any help.

[pooja_d_92]

Hey @Cukrovinky 

I hope you are well and safe!!

Please use below code in base.css, it's for text center in mobile version but for image you need to create an image for that we need access to some theme code.

@media screen and (max-width: 749px){
.banner--mobile-bottom .slideshow__text.banner__box .banner__text {
padding: 0 !important;
}
}

Thanks

[Cukrovinky]

Oh, right. Can you give me code to change the background image for mobile size?  Thanks