.two-column-content-image {
    padding: 40px 0px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

.two-column-content-image .container {
    max-width: 1200px;
}

.two-column-content-image .container .columns {
    display: flex;
    flex-flow: column-reverse nowrap;
    align-items: center;
    gap: 32px;
}

.two-column-content-image .container .columns .column {
    width: 100%;
}

.two-column-content-image .container .columns .column-image .image-wrapper {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
}

.two-column-content-image .container .columns .column-image .image-wrapper img {
    width: 100%;
    height: 100%;
    display: block;
}

.two-column-content-image .container .columns .column-image .image-wrapper img.desktop-image {
    display: block;
}

.two-column-content-image .container .columns .column-content {
    display: flex;
    flex-flow: column nowrap;
    gap: 20px;
}

.two-column-content-image .container .columns .column-content .content-wrapper {
    display: flex;
    flex-flow: column nowrap;
    gap: 16px;
}

@media (min-width: 768px) {
    .two-column-content-image {
        padding: 60px 20px;
    }

    .two-column-content-image .container .columns {
        flex-flow: row nowrap;
        gap: 40px;
        align-items: unset;
    }

    .two-column-content-image.image-left .container .columns {
      flex-flow: row-reverse nowrap;
    }

    .two-column-content-image .container .columns .column-content .content-wrapper {
        justify-content: flex-start;
    }

    .two-column-content-image .container .columns .column-content .btn-primary {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
    }

    .two-column-content-image .container .columns .column-image {
        position: relative;
        min-height: 300px;
        max-height: 500px;
        overflow: hidden;
        border-radius: 40px;
    }

    .two-column-content-image .container .columns .column-image .image-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1280px) {
    .two-column-content-image {
        padding: 80px 20px;
    }

    .two-column-content-image .container .columns {
        gap: 100px
    }
}


@media screen and (max-width: 767px) {
  .two-column-content-image.image-left {
    padding: 40px 20px;
  }
}