/* General styling for two-column blocks */
.two-column-block {
    margin-bottom: 40px; /* Adds space between blocks */
}

/* Column styling */
.two-column-block .left-content,
.two-column-block .right-content {
    padding: 15px;
}

/* Image styling to ensure it's responsive */
.two-column-block img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; /* Centers the image */
}

/* Flexbox layout to align left and right content */
.two-column-block .row {
    display: flex;
    flex-wrap: wrap;
}

/* Responsive styling for mobile devices */
@media (max-width: 768px) {
    .two-column-block .row {
        flex-direction: column;
    }

    .two-column-block .left-content,
    .two-column-block .right-content {
        padding: 10px 0;
    }

    .two-column-block img {
        margin-bottom: 20px; /* Adds space below images on mobile */
    }
}