I have created a section of image with text in Ella theme. I have used this CSS
@media (min-width: 768px) {
section.image-with-text {
display: flex;
align-items: center;
padding: 0px 55px;
justify-content: center;
flex-wrap: wrap;
}
.image-with-text__image {
flex: 0 0 50%;
}
.image-with-text__text {
flex: 0 0 50%;
padding-left: 30px;
}
.image-with-text__image img {
width: 100%;
}
}
@media (max-width: 768px) {
section.image-with-text { padding: 0px 15px;}
.image-with-text__image, .image-with-text__text {
flex: 0 0 100%;
}
.image-with-text__text { padding-left: 0px;}
}
Primary image rather than coming on right displayed as cover image. I want image to displayed as small image and on right with text on left.
Appreciate all help.
