.card-alignment{
    display: flex;
    justify-content: center;
    gap: 10px;
}

.card-alignment img{
width:auto !important;
}
    .infographic-breaker.component {
        margin: 0px 0px 64px;        
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 100%), url("/content/dam/we-retail/en/experiences/arctic-surfing-in-lofoten/camp-tent.jpg") lightgray 50% / cover no-repeat;
    }    
    .infographic-breaker.c-t-margin {
        margin-top: 64px;
    }
    .infographic-breaker.component .infographic-breaker__container .infographic-breaker__content-wrapper {       
        padding: 80px 0px;
        flex-direction: column;        
    }    
    .infographic-breaker.component .infographic-breaker__container .infographic-breaker__content-wrapper .infographic-breaker__content-holder .infographic-breaker__left-wrapper {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .infographic-breaker.component .infographic-breaker__container .infographic-breaker__content-wrapper .infographic-breaker__content-holder .icon-wrapper {
        display: none;
    }
    .infographic-breaker.component .infographic-breaker__container .infographic-breaker__content-wrapper .infographic-breaker__content-holder .infographic-breaker__left-wrapper > .infographic-title {
        color: var(--Brand-Neutrals-Black, var(--Brand-Neutrals-Black, #000));
        font-family: "utopia std";
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px;
        margin: 0px;
    }
    .infographic-breaker.component .infographic-breaker__container .infographic-breaker__content-wrapper .infographic-breaker__content-holder .infographic-breaker__left-wrapper > .infographic-subtitle {
        color: var(--Brand-Neutrals-Black, var(--Brand-Neutrals-Black, #000));       
        font-family: "MetLife Circular";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 27px;
        margin: 0px;
    }
    .infographic-breaker.component.variant_1 {
        background: #F0F0F0;
    }
    .infographic-breaker.component.variant_1 .infographic-breaker__container .infographic-breaker__content-wrapper {
        padding: 80px 0px;
        align-items: flex-start;
    }
    .infographic-breaker.component.variant_1 .infographic-breaker__container .infographic-breaker__content-wrapper .infographic-breaker__content-holder {
        display: flex;
        gap: 16px;
    }
    .infographic-breaker.component.variant_1 .infographic-breaker__container .infographic-breaker__content-wrapper .infographic-breaker__content-holder .icon-wrapper {
        display: block;
    }
    .infographic-breaker.component.variant_1 .infographic-breaker__container .infographic-breaker__content-wrapper .infographic-breaker__content-holder .icon-wrapper .icon-wrapper__bg{
        width: 48px;
        height: 48px;
    }    
    .infographic-breaker.component.variant_1 .infographic-breaker__container .infographic-breaker__content-wrapper .infographic-breaker__content-holder .infographic-breaker__left-wrapper > .infographic-title {
        color: var(--Swatches-Teal-Teal-Darkest, var(--swatches-beta-teal-teal-darkest, #278280));
    }
    .infographic-breaker.component.variant_2 {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.25) 100%), linear-gradient(0deg, rgba(55, 155, 148, 0.50) 0%, rgba(55, 155, 148, 0.50) 100%), linear-gradient(0deg, #379B94 0%, #379B94 100%), url("/content/dam/we-retail/en/experiences/arctic-surfing-in-lofoten/camp-tent.jpg") lightgray 50% / cover no-repeat;
        background-blend-mode: normal, normal, multiply, normal;
    }
    .infographic-breaker.component.variant_2 .infographic-breaker__container .infographic-breaker__content-wrapper {       
        padding: 80px 0px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .infographic-breaker.component.variant_2 .infographic-breaker__container .infographic-breaker__content-wrapper .infographic-breaker__content-holder .infographic-breaker__left-wrapper > .infographic-title {
        color: var(--Brand-Neutrals-White, var(--Brand-Neutrals-White, #FFF));        
    }
    .infographic-breaker.component.variant_2 .infographic-breaker__container .infographic-breaker__content-wrapper .infographic-breaker__content-holder .infographic-breaker__left-wrapper > .infographic-subtitle {
        color: var(--Brand-Neutrals-White, var(--Brand-Neutrals-White, #FFF));               
    }
