main {
    display: grid;
    grid-template-areas:
    'p img';
    background-color: rgb(43, 43, 43);
    color: white;
    height: 100vh;
    width: 100%;
    padding-top: 120px; 
    padding-right: 30px;
    padding-left: 30px;
    gap: 50px;
}

/*resposive web page*/

@media (max-width: 1050px) {
    main {
        height: 100%;
    }
}

@media (max-width: 900px) {
    main {
        grid-template-areas:
        'p'
        'img';
    }

    .img {
        width: 550px;
    }
}

@media (max-width: 600px) {
    main {
        height: 100vh;
    }

    .img {
        display: none;
    }
}

/*grid-area*/

.om_oss {
    grid-area: om_oss;
}

.img {
    grid-area: img;
    border-radius: 20px;
}