.coursDeTennis {
    height: auto;
    display: flex;
    flex-direction: column;
}

.professeurs {
    height: 70%;
}

.cours-et-stages div:nth-of-type(3) {
    margin-bottom: 28px;
}

.back-img-presentation {
    min-height: 100vh;
}

.titre-professeurs {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.equipe-professeurs {
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* height: 80vh; */
    background-image: url("../img/cours-de-tennis/YellowTennisBallOnConcrete.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    /* margin-left: 15vw; */
}

.personnes-professeurs {
    display: flex;
    flex-direction: column;
    align-items: center;

    height: fit-content;
    /* margin-top: 25px; */
    padding: 4vh;
    min-width: 370px;
    background: rgba(255, 255, 255, 0.25);
    /* border-radius: 72px; */
    border-radius: 6vh;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    transition: all 0.5s cubic-bezier(.12, 0, .18, 1);
}

.personnes-professeurs img {
    /* border-radius: 22px; */
    border-radius: 2vh;
    margin-bottom: 20px;
    /* width: 400px; */
    height: 30vh;
    min-height: 291px;
}

.personnes-professeurs:hover {
    transform: scale(1.1);
    padding-bottom: 150px;

    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);

    .diplomes-professeurs {
        opacity: 1;
        visibility: visible;

        /* transition-property: opacity, visibility, filter;
        transition-duration: 0.3s, 0s, 0.3s;
        transition-timing-function: ease, linear, linear;
        transition-delay: 0s, 0s, 0s; */
        p {
            animation: blurUnBlur 0.5s forwards;
        }
    }

}

.personnes-professeurs:not(:hover) {
    .diplomes-professeurs p {
        transition: all 0.3s;
        animation: unBlurBlur 0.5s forwards;
    }
}


.diplomes-professeurs {
    transition: opacity 0.3s;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, -50%);
    /* transition-property: opacity, visibility, filter;
    transition-duration: 0.3s, 0s, 0.3s;
    transition-timing-function: ease, linear, linear;
    transition-delay: 0.5s, (0.5s + 0.3s), 0.5s; */
}

.diplomes-professeurs p {
    text-align: center;
    transition: all 0.6s;
    filter: blur(12px);
}

.personnes-professeurs h3 {
    font-size: 30px;
}


.cours-et-stages {
    background-image: url('../img/cours-de-tennis/TennisFloorCourtWithLines.webp');
    justify-content: center;
}

.cours-et-stages h2 {
    font-family: Rammetto-One;
    font-size: 2em;
    color: white;
    text-align: center;
    padding-top: 36px;
}

button p {
    color: #1a3150;
}

    .big-back-img{
        margin-bottom: 5rem;
    }
    .big-back-img:last-of-type {
        margin-bottom: 0px;
    }

@media screen and (max-width: 768px) {


    .equipe-professeurs {
        background-image: url("../img/cours-de-tennis/YellowTennisBallOnConcrete-Mobile.webp");
    }
    .cours-et-stages {
        background-image: url('../img/cours-de-tennis/TennisFloorCourtWithLines-Mobile.webp');
    }
    .personnes-professeurs {
        padding-bottom: 150px;
    }

    .diplomes-professeurs {
        opacity: 1;
        visibility: visible;
    }

    .personnes-professeurs:hover {
        animation: none;
        transform: scale(1);

        .diplomes-professeurs p {
            animation: none;
            filter: blur(0px);
        }
    }

    .personnes-professeurs:not(:hover) .diplomes-professeurs p {
        animation: none;
        filter: blur(0px);

    }

}