.my1-vertical {
    width: 2px;
    height: 40rem;
    background-color: #ccc;
    margin: -30rem 0 40rem 0;
}

.my1-text p {
    color: #333;
    font-size: 20rem;
    line-height: 1.5;
    text-align: center;
}


.my3 {
    background: url(../images/my3-bg.jpg);
}


.my4-image-wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20rem;
}

.my4-image {
    height: 350rem;
    border: 1px solid #ddd;
    overflow: hidden;
}

.my4-image img {
    object-fit: cover;
}


/*==================================================*/
@media (max-width: 991px) {
    .my3 .ped3-text {
        text-align: center;
    }
}


@media (max-width: 550px) {
    .my1-text p {
        font-size: 24rem;
    }

    .my4-image-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}