section.block-showcase {
    .showcase__wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto 1fr;
        column-gap: 32px;

        .showcase__heading {
            order: 2;
            border-radius: 24px 24px 0 0;
            background-color: var(--Gray-1, #FAFAFA);
            padding: 40px 36px 24px;

            .showcase__title {
                color: var(--Base-Dark, #171717);
                font-size: clamp(28px, 4vw, 40px);
                font-style: normal;
                font-weight: 500;
                line-height: 130%;
                letter-spacing: 0.8px;
                max-width: 470px;
            }
        }

        .showcase__content {
            order: 3;
            border-radius: 0 0 24px 24px;
            background-color: var(--Gray-1, #FAFAFA);
            padding: 0 36px 40px;
            color: var(--Base-Dark, #171717);
            font-size: clamp(14px, 3vw, 16px);
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            letter-spacing: 0.16px;

            .showcase__text {
                max-width: 470px;
            }

            a {
                color: var(--Dark-wine-2, #770E16);

                &:hover {
                    text-decoration: underline;
                }
            }
        }

        .showcase__image {
            grid-row: 1/3;
            overflow: hidden;
            display: flex;
            justify-content: center;

            img {
                border-radius: 24px;
            }
        }
        
    }

    @media (max-width: 720px) {
        .showcase__wrap {
            grid-template-columns: 1fr;
            grid-template-rows: max-content;

            .showcase__heading {
                order: 1;
                padding: 0;
                border-radius: 0;
                background-color: transparent;
                margin-bottom: 16px;

                .showcase__title {
                    max-width: 100%;
                }
            }
            
            .showcase__image {
                order: 2;
                grid-row: auto;

                img {
                    width: 100%;
                    object-fit: cover;
                }
            }

            .showcase__content {
                order: 3;
                padding: 0;
                background-color: transparent;
                margin-top: 32px;

                .showcase__text {
                    max-width: 100%;
                }
            }
        }
    }
}