.paragraph--type--dialogue-cloud::before,
.paragraph--type--dialogue-cloud::after{
    display: none;
}

.paragraph--type--dialogue-cloud{
    text-align: center;
    display: flex;
    gap: 2.4rem;
    flex-direction: column;
    margin-bottom: 3rem;
}
@media(min-width:768px){
    .paragraph--type--dialogue-cloud{
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .paragraph--type--dialogue-cloud.right{
        flex-direction: row-reverse;
    }
}
.paragraph--type--dialogue-cloud.no-margin{
    margin-bottom: 0;
}

.paragraph--type--dialogue-cloud .dialogue-content-text{
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
    align-items: center;
    padding: 0 2rem;
    max-width: 52.4rem;
    margin: 0 auto;
}
@media(min-width:768px){
    .paragraph--type--dialogue-cloud .dialogue-content-text{
        margin: initial;
    }  
}

.paragraph--type--dialogue-cloud h2{
    display: block;
    width: fit-content;
    color: white;
    border-radius: 4.2rem;
    font-size: 2.4rem;
    font-weight: 700;
    background: linear-gradient(45deg, #EB0029, #f1637b);
    padding: 2.4rem;
}
@media(min-width:768px){
    .paragraph--type--dialogue-cloud h2{
        position: relative;
        width: 100%;
    }
    .paragraph--type--dialogue-cloud.left h2::after{
        content: url('data:image/svg+xml,<svg width="43" height="21" viewBox="0 0 43 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0C5.14216 12.1001 17.1346 20.5858 31.1113 20.5859C35.2944 20.5859 39.2996 19.8241 42.9971 18.4346C36.4621 14.1417 31.5052 7.64448 29.1846 0H0Z" fill="%23EA5872"/></svg>');
        display: block;
        position: absolute;
        bottom: -20px;
        right: 5px;  
    }
    .paragraph--type--dialogue-cloud.right h2::after{
        content: url('data:image/svg+xml,<svg width="43" height="21" viewBox="0 0 43 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M42.9971 0C37.8549 12.1001 25.8625 20.5858 11.8857 20.5859C7.70265 20.5859 3.69749 19.8241 0 18.4346C6.53493 14.1417 11.4919 7.64448 13.8125 0H42.9971Z" fill="%23EB0029"/></svg>');
        display: block;
        position: absolute;
        bottom: -20px;
        left: 5px;   
    }
}

.paragraph--type--dialogue-cloud .dialogue-content-image{
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
@media(min-width:768px){
    .paragraph--type--dialogue-cloud .dialogue-content-image{
        justify-content: flex-start;
    }
}

.paragraph--type--dialogue-cloud .dialogue-content-image img{
    width: 100%;
    height: auto;
    max-height: 19.5em;
    max-width: 26rem;
}
@media(min-width:768px){
    .paragraph--type--dialogue-cloud .dialogue-content-image img{
        max-height: 35rem;
        max-width: 42rem;
    } 
}

.dialogue.line-background{
    margin-bottom: 5rem;
    display: flex;
    flex-direction: row;
    gap: 0;
    width: 90%;
}

.dialogue.line-background.right{
    width: 75%;
}

.dialogue.line-background .line-background-bottom{
    display: block;
    height: 20px;
    width: 100%;
    background-image: url('../../img/horizontal.png');
    background-size: 100px 20px;
    background-repeat: repeat-x;
}

.dialogue.line-background .line-background-end-right{
    display: block;
    height: 20px;
    width: 10px;
    background-size: 10px 20px;
    background-repeat: no-repeat;
    background-image: url('../../img/end-right.png');
    background-position: center left;
}