section.editor {
    gap: 30px;
        
    padding-inline: 150px;
    padding-left: 150px;
    padding-right: 150px;
    
    padding-block: 90px;
    padding-top: 90px;
    padding-bottom: 90px;
}
    
    section.editor .background {
        mix-blend-mode: color-burn;
    }

.imgEditor {
    min-height: 690px;
    display: flex;
    gap: 90px;
    width: 100%;
}

.imgLeftContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.imgLeftContainer .imgHautGauche {
        width: 388px;
        height: 218px;
        border-radius: 35px;
        -o-object-fit: cover;
           object-fit: cover;
    }

.imgLeftContainer .imgBasGauche {
        width: 480px;
        height: 270px;
        border-radius: 35px;
        -o-object-fit: cover;
           object-fit: cover;
    }

.midTextEditor {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: justify;
    justify-content: center;
    font-size: 1.5rem;
}

.imgRightContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    
}

.imgRightContainer .imgHautDroit {
        width: 480px;
        height: 270px;
        border-radius: 35px;
        -o-object-fit: cover;
           object-fit: cover;
    }

.imgRightContainer .imgBasDroit {
        width: 388px;
        height: 218px;
        border-radius: 35px;
        -o-object-fit: cover;
           object-fit: cover;
    }

.imgContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.imgContainer p {
        font-size: 0.75rem;
        text-align: center;
        font-style: italic;
        font-weight: 300px;
    }


@media (max-width: 115.625rem) {
    section.editor {
        padding-inline: 100px;
        padding-left: 100px;
        padding-right: 100px;
    }

        section.editor .imgEditor {
            gap: 60px;
        }
}

@media (max-width: 106.25rem) {
    section.editor {
        padding-inline: 80px;
        padding-left: 80px;
        padding-right: 80px;
    }

        section.editor .imgEditor {
            gap: 40px;
        }
}

@media (max-width: 100rem) {

        section.editor .imgLeftContainer {
            justify-content: space-evenly;
        }
            section.editor .imgLeftContainer .imgHautGauche, section.editor .imgLeftContainer .imgBasGauche {
                zoom: 0.8;
            }

        section.editor .imgRightContainer {  
            justify-content: space-evenly;
        }          
            section.editor .imgRightContainer .imgHautDroit, section.editor .imgRightContainer .imgBasDroit {
                zoom: 0.8;
            }
}

@media (max-width: 90.625rem) {
    section.editor {
        padding-inline: 60px;
        padding-left: 60px;
        padding-right: 60px;
    }

        section.editor .midTextEditor {
            font-size: 1.3125rem;
        }

        section.editor .imgLeftContainer {
            justify-content: space-evenly;
        }

            section.editor .imgLeftContainer .imgContainer p {
                font-size: 0.625rem;
            }
        
        section.editor .imgRightContainer {   
            justify-content:space-evenly;
        }

            section.editor .imgRightContainer .imgContainer p {
                font-size: 0.625rem;
            }
}

@media (max-width: 79.375rem) {
    section.editor {        
        padding-inline: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }

        section.editor .midTextEditor {
            font-size: 1rem;
        }

        section.editor .imgLeftContainer {
            justify-content: space-evenly;
        }

            section.editor .imgLeftContainer .imgContainer p {
                font-size: 0.625rem;
            }
        
        section.editor .imgRightContainer {   
            justify-content:space-evenly;
        }

            section.editor .imgRightContainer .imgContainer p {
                font-size: 0.625rem;
            }
            section.editor .imgLeftContainer .imgHautGauche, section.editor .imgLeftContainer .imgBasGauche {
                zoom: 0.6;
            }

            section.editor .imgLeftContainer .imgContainer p {
                font-size: 0.5rem;
            }            
            section.editor .imgRightContainer .imgHautDroit, section.editor .imgRightContainer .imgBasDroit {
                zoom: 0.6;
            }

            section.editor .imgRightContainer .imgContainer p {
                font-size: 0.5rem;
            }
}

@media (max-width: 66.875rem) {
    section.editor {
        height: 2035px;
        gap: 25px;
        
        padding-inline: 35px;
        padding-left: 35px;
        padding-right: 35px;
        
        padding-block: 35px;
        padding-top: 35px;
        padding-bottom: 35px;
    }

        section.editor .midTextEditor {
            font-size: 1.25rem;
            flex: initial;
        }

        section.editor .imgEditor {
            flex-direction: column;
            align-items: center;
            /* margin-inline: 250px; */
            height: 100%;
            flex: 1;
        }

            section.editor .imgEditor .imgLeftContainer {
                justify-content: space-between;
                flex: 1;
            }

                section.editor .imgEditor .imgLeftContainer .imgHautGauche, section.editor .imgEditor .imgLeftContainer .imgBasGauche {
                    zoom: 1;
                }

                section.editor .imgEditor .imgLeftContainer .imgContainer p {
                    font-size: 0.75rem;
                }

            section.editor .imgEditor .imgRightContainer {
                justify-content: space-between;
                flex: 1;
                align-items: flex-start;
            }

                section.editor .imgEditor .imgRightContainer .imgHautDroit, section.editor .imgEditor .imgRightContainer .imgBasDroit {
                    zoom: 1;
                }

                section.editor .imgEditor .imgRightContainer .imgContainer p {
                    font-size: 0.75rem;
                }
}

@media (max-width: 50rem) {

        section.editor .midTextEditor {
            font-size: 1.25rem;
            font-weight: 300;
        }

                section.editor .imgEditor .imgLeftContainer .imgHautGauche, section.editor .imgEditor .imgLeftContainer .imgBasGauche {
                    zoom: 0.8;
                }

                section.editor .imgEditor .imgLeftContainer .imgContainer p {
                    font-size: 0.6875rem;
                }            
                section.editor .imgEditor .imgRightContainer .imgHautDroit, section.editor .imgEditor .imgRightContainer .imgBasDroit {
                    zoom: 0.8;
                }

                section.editor .imgEditor .imgRightContainer .imgContainer p {
                    font-size: 0.6875rem;
                }
}

@media (max-width: 25.9375rem) {
            
            section.editor .imgEditor .imgLeftContainer {
                justify-content: space-evenly;            
        }

            section.editor .imgEditor .imgLeftContainer .imgHautGauche, section.editor .imgEditor .imgLeftContainer .imgBasGauche {
                zoom: 0.7;
            }

            section.editor .imgEditor .imgRightContainer {  
                    justify-content: space-evenly;            
            }
                section.editor .imgEditor .imgRightContainer .imgHautDroit, section.editor .imgEditor .imgRightContainer .imgBasDroit {
                    zoom: 0.7;
                }
}