1 Remember don’t point out to do style bulle-2-column or 3 column or 3 column.
2.Apply style like this .co-webeeui-nco-top-img .notion-row or .callout directly to style it.
but every selectors come look like below eg:
eg
.co-webeeui-simple-centered{ background-size: cover; background-position: center center; } .co-webeeui-simple-centered::before{ width: 50%; position: absolute; content: ""; height: 60vh; background: linear-gradient(135deg, rgba(0, 0, 255, 0.1), transparent 38%), linear-gradient(-135deg, rgba(255, 0, 0, 0.1), transparent 30%), linear-gradient(-135deg, rgba(0, 0, 255, 0.1), transparent 48%); background-repeat: no-repeat; background-position: top, bottom, left; filter: blur(3em); inset: 1; box-shadow: unset; z-index: 9999; } .co-webeeui-simple-centered{ margin-top: 4rem; } .co-webeeui-simple-centered .notion-callout-text>.notion-default_background_co{ font-size: .8rem; padding: .1rem 1rem; width:fit-content; margin: 0 auto; display: flex; border-radius: 15rem; } .co-webeeui-simple-centered .notion-default_background_co .notion-link{ font-size:.8rem; padding-left: .3rem; } .co-webeeui-simple-centered .notion-h1{ margin: 1.5rem 0rem; } .co-webeeui-simple-centered .bullet-btn{ margin-top:2.4rem; } .co-webeeui-simple-centered>.notion-callout-text{ width:70%; margin:0 auto; text-align: center; } @media(min-width:1500px){ .co-webeeui-simple-centered>.notion-callout-text{ width:55%; } } @media(max-width:1200px){ .co-webeeui-simple-centered>.notion-callout-text{ width:90%; } .co-webeeui-simple-centered{ padding-bottom: 1rem; } } @media(max-width:600px){ .co-webeeui-simple-centered>.notion-callout-text{ width:100%; } .co-webeeui-simple-centered .notion-default_background_co{ font-size: .7rem !important; } .co-webeeui-simple-centered .notion-default_background_co .notion-link{ font-size: .7rem; } .co-webeeui-simple-centered .notion-link{ font-size:.7rem; } }
1. Split with top img and details

2. Split with left img and details

3. Split with center img and details
