.model{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 50px;
}

.column__models{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.column__models .photo{
    border-radius: 15px;
    width: 130%;
    min-width: 0%;
    transition: all 1s;
    z-index: 1;
}


/* 

.column__models .photo1:hover{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 1s;
    width: 150%;
    z-index: 1;
    position: relative;
    left: 20%;
    top: 25%;
    margin: -85px;
}
.column__models .photo2:hover{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 1s;
    width: 150%;
    z-index: 1;
    position: relative;
    left: 0;
    top: 25%;
    margin: -85px;
}
.column__models .photo3:hover{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 1s;
    width: 150%;
    z-index: 1;
    position: relative;
    right: 25%;
    top: 25%;
    margin: -85px;
} */

.model .column__models{
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%);
    transition: all 0.5s ease-in;
    padding: 5%;
    text-align: center;
    /* border-radius: 50px; */
    z-index: 0;
    /* background-color: rgb(66, 66, 66); */
}
.model .photo1:hover{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 0.5s ease-in;
    width: 150%;
    z-index: 1;
    position: relative;
    left: 0%;
    top: 25%;
    margin: -100px 0;
    font-size: x-large;
}
.model .photo2:hover{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 0.5s ease-in;
    width: 150%;
    z-index: 1;
    position: relative;
    left: 0;
    top: 25%;
    margin: -100px 0;
    font-size: x-large;
}
.model .photo3:hover{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: all 0.5s ease-in;
    width: 150%;
    z-index: 1;
    position: relative;
    right: 0%;
    top: 25%;
    margin: -100px 0;
    font-size: x-large;
}

.model .bold__text{
    /* font-size: x-large; */
    font-weight: bold;
}


/* @media (max-width: 1250px){
    .column__models .p1:hover{
        position: relative;
        transition: all 1s;
        width: 200%;
        left: 25%;
        z-index: 1;
    }
    .column__models .p2:hover{
        position: relative;
        transition: all 1s;
        width: 200%;
        z-index: 1;
    }
    .column__models .p3:hover{
        position: relative;
        transition: all 1s;
        width: 200%;
        right: 25%;
        z-index: 1;
    }
} */

/* .model .photo1:hover{
    transform: scale(1.5);
    transition: all 1s ease;
    position: relative;
    left: 5%;
} 
.column__models img:hover{
    
}
*/

@media (max-width: 1000px){
    .column__models{
        font-size: xx-large;
    }
    .column__models p {
        font-size: xx-large;
    }
    .model{
        flex-direction: column;
        align-items: center;
    }
    .model .column__models{
        width: 95%;
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        transition: all 1s;
        /* transition: transform 0.5s; */
        padding: 5% 0;
        border-radius: 50px;
        z-index: 0;
    }
    .model .photo1:hover{
        width: 95%;
        left: 0;
        right: 0;
        margin: 0;
        font-size: xx-large;
    }
    .model .photo2:hover{
        width: 95%;
        left: 0;
        right: 0;
        margin: 0;
        font-size: xx-large;
    }
    .model .photo3:hover{
        width: 95%;
        left: 0;
        right: 0;
        margin: 0;
        font-size: xx-large;
    }


    .column__models .photo{
        width: 100%;
    }
    .column__models .p1:hover{
        position: relative;
        transition: all 1s;
        width: 100%;
        left: 0%;
        z-index: 1;
    }
    .column__models .p2:hover{
        position: relative;
        transition: all 1s;
        width: 100%;
        z-index: 1;
    }
    .column__models .p3:hover{
        position: relative;
        transition: all 1s;
        width: 100%;
        right: 0%;
        z-index: 1;
    }

}