Clickable images with multiple text - Dawn

[Faseeh1897]

Before I asked for clickable images and someone gave me some custom css which I will write below, it worked well for images with single text but for multiple text images its not working and the 2nd text goes to the right after adding css, will attach a screenshot below. I now need some css that will work for images with multiple text.

Here is the css i used for images with single text:

.banner .banner__content{
max-width: unset;
padding: 0px;
width: 100%;
}

.banner .banner__content .banner__box{
max-width: unset;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0px;
}

.banner .banner__content .banner__heading {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}

.banner .banner__content .banner__heading a{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
text-decoration: none;
}

Site URL: filodorobiancheria.it

Image with multiple text after adding the above css (2nd text goes to the right):

[Ujjaval]

@Faseeh1897 i think here you having slider issue also cause images are coming one after another. you just need to add slider option and add the content whatever you want.