.ss-title{display: flex; justify-content: center; color: white; font-size: 40px; text-transform: uppercase;}
.ss-title > div{padding: 0 40px; width: 50%;}
.ss-title .left{text-align: right;}

.ss-container{
    width: 100%;
    position: relative;
    text-align: left;
	overflow: hidden;
	padding-bottom: 200px;
}
.ss-container:before{
	content: '';
    position: absolute;
    width: 1px;
    background: white;
    top: 0px;
    left: 50%;
    height: 100%;
}
.ss-row{display: flex; align-items: center; justify-content: space-between; padding: 30px; position: relative;}
.ss-row:nth-child(even){flex-direction: row-reverse;}
.ss-row:nth-child(even) .image-cover{justify-content: flex-start;}
.ss-row:before{content: ""; width: 8%; height: 1px; border-bottom: dashed 1px white; background: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.ss-row:after{content: ""; --size: 13px; width: var(--size); height: var(--size); border: solid 1px white; background: black; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.ss-row .image-cover{width: 46%; display: flex; justify-content: flex-end; position: relative;}
.ss-row .image-cover figure{width: 50%; height: 150px; border-radius: 7px; background: #909090; margin: 0; overflow: hidden;}
.ss-row .image-cover figure img{width: 100%; height: 100%; object-fit: cover;}
.ss-row .message{width: 46%; background: white; border-radius: 5px; color: black; padding: 15px; z-index: 10; position: relative;}