.point-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 3rem;
}

.point-image {
    width: 70%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eee;
    overflow: hidden;
}

.point .point-image img {
    height: 70%;
}

.point1 .point-image {
    padding-top: 50px;
    align-items: flex-start;
}

.point1 .point-image img {
    width: 90%;
    height: unset;
    animation: motion 2s linear 0s infinite alternate;
}

@keyframes motion {
	0% {margin-top: 0px;}
	100% {margin-top: -100%;}
}


/*==================================================*/
@media (max-width: 1250px) {
    .point-wrapper {
        flex-direction: column;
        gap: 0;
    }

    .point-image {
        width: 100%;
    }
}


@media (max-width: 550px) {
    .point-image {
        height: 300px;
    }
}