https://app.magai.co/chat/7afcf6cb-abbc-473e-92dc-8ed5b2ed8b58
Outer Container (Section) + Inner Container (Content Wrapper) + Feature Container (Class: alternating-card)
Apply CSS to alternating-card:
/* Alternating Feature Cards Desktop & Tablet */
@media (min-width: 768px) {
.alternating-card:nth-child(even) {
flex-direction: row-reverse;
}
/* Optional: Adjust the spacing between the text and image on the reversed card */
/* .alternating-card:nth-child(even) > div:first-child { margin-right: 0; margin-left: 40px; } */
}