.overlay-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}


.left-column {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.right-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
}

.field--name-field-image-slide {
    position: relative;
}


.field.field--name-field-banner-title {
    color: white; 
     font-size: 3em; 
    font-weight: 700; 
    line-height: 1.2; 
    margin-bottom: 20px; 
    margin-top: 10px; 
}

.field.field--name-field-banner-entete,.field.field--name-field-sous-t
 {
    font-size: 18px;
    color: white; 
    margin-bottom: 10px; 
}


.button-container {
    display: flex;
    gap: 20px; 
    align-items: center;
    justify-content: flex-start; 
}

.field.field--name-field-link-banner.field--type-link.field--label-hidden.field__items .field__item {
    display: inline-block;
}

.button-border {
    width: auto; 
    white-space: nowrap; 
    align-self: flex-start; 
}

.field__item .button:hover {
    background-color: #c00000; 
    color: white; 
}