.text_image .container {
    background-color: var(--primary-shaded);
    border-radius: 32px;
}

.text_image.nobg .container {
    background-color: transparent;
}

.text_image.nobg .text_image_content {
    gap: 80px;
}

.text_image.nobg .text_image_content .image {
    margin: 0px;
    padding: 80px 0px;
}

.text_image_content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.text_image_content .info {
    display: flex;
    padding: 80px;
    gap: 24px;
    flex-direction: column;
    width: calc(100% - 80px);
}

.text_image_content .image {
    width: calc(100% + 80px);
    background-size: contain;
    height: 32vh;
    margin: 80px 0px;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 320px;
    transform: scale(1.5);
    pointer-events: none;
}

.text_image.nobg .text_image_content .image {
    transform: scale(1);
}

.text_image.image_left .text_image_content {
    flex-direction: row-reverse;
}

.text_image.image_right .text_image_content .info {
    padding-right: 0px;
}

.text_image.image_left .text_image_content .info {
    padding-left: 0px;
}

@media(max-width: 1024px) {
    .text_image_content, .text_image.image_left .text_image_content {
        flex-direction: column-reverse;
        gap: 16px;
    }
    .component.text_image .image {
        margin-bottom: 24px;
    }
    .text_image.image_left .text_image_content .info, .text_image.image_right .text_image_content .info {
        width: calc(100% - 64px);
        padding: 32px;
    }
    .text_image_content .button {
        padding: 16px 32px;
        text-align: center;
    }
	.text_image_content .image {
		width: 100%;
		height: 100%;
		padding: 0px !important;
        transform: none !important;
	}
	.text_image.image_left.nobg .text_image_content .info, .text_image.image_right.nobg .text_image_content .info {
		padding: 0px;
		width: 100%;
	}
}

@media(max-width: 500px) {
	.text_image_content .info {
		gap: 16px;
	}
    .text_image_content .button {
		margin-top: 16px;
        width: 100%;
        padding: 24px 0px;
    }
    .text_image_content .image {
        margin: 0px;
    }
}