.first{
    display: flex;
            justify-content: center;
            align-items: center;        
}
.convert{
    width: 400px;
            height: 520px;
            translate: 0px;
            transform: translateY(0px);
            border: 4px solid #1E73BE;
            border-radius: 10px;
            scale: 0.8;
            animation-name: squer2;
            animation-duration: 3s;
            animation-delay: 0.5s;
            animation-iteration-count: infinite;
            animation-direction: alternate-reverse;
}
.convert:hover{
    scale: 0.82;
}
.convert .one{
     scale: 0.75;
        translate: 5px;
        transform: translateY(-60px);
			align-items: center
}
.convert .tow{
	scale: 0.45;
	align-items: center;
	transform: translateY(-200px);
}

@keyframes squer2{
    0%{
        translate: 0px 0px;
    }
    
    50%{
        translate: 0px 10px;
    }
    100%{
        translate: 0px 0px;
       
    }
    
    }
    .pdf{
        width: 400px;
                height: 520px;
                translate: 0px;
                transform: translateY(0px);
                border: 4px solid #1E73BE;
                border-radius: 10px;
                scale: 0.8;
                animation-name: squer2;
                animation-duration: 3s;
                animation-delay: 0.5s;
                animation-iteration-count: infinite;
                animation-direction: alternate-reverse;
    }
    .pdf:hover{
        scale: 0.82;
    }
    .pdf .one{
        scale: 1;
        translate: 0px;
        transform: translateY(-50px);
			align-items: center;
    }
.pdf .tow{
scale:0.70;
	align-items: center;
	transform: translateY(-100px);
}

    .crop{
        width: 400px;
                height: 520px;
                translate: 0px;
                transform: translateY(0px);
                border: 4px solid #1E73BE;
                border-radius: 10px;
                scale: 0.8;
                animation-name: squer2;
                animation-duration: 3s;
                animation-delay: 0.5s;
                animation-iteration-count: infinite;
                animation-direction: alternate-reverse;
    }
    .crop:hover{
        scale: 0.82;
    }
.crop .one{
	scale:0.63;
	align-items: center;
	transform: translatey(-90px)
}
.crop .tow{
	scale: 0.45;
	align-items: center;
	transform: translateY(-200px);
}

@media (min-width:950px) and (max-width:1168px){
	.first{
        scale: 0.8;
    }
    .secend{
        scale: 0.8;
    }
}
@media (min-width:750px) and (max-width:950px){
	.first{
        flex-direction: column;
    }
    .secend{
        flex-direction: column;
    }
}
@media (min-width:426px) and (max-width:750px){
	.first{
        flex-direction: column;
    }
    .secend{
        flex-direction: column;
    }
}
@media (max-width:426px){
	.first{
        flex-direction: column;
    }
	.secend{
        flex-direction: column;
    }
}