.main {
    margin-top: 5em;
    padding-top: 2em;
    padding-left: 2em;
    padding-right: 2em;
}
.wrapp_pt {
    display: grid;
    grid-template-columns: 2fr 2fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 2em;
    flex-wrap: wrap;
    margin-bottom: 4em;
}
.text_content {
 opacity:0;   
 animation: appear 2s ease forwards;    
}
.text_content > h2 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1em;
}
.pic_wrapp {
    width: 100%;
}   
.pic_wrapp > img {
transform: translateX(-30px);
opacity: 0;
object-fit: cover;
width:100%;
height: 100%;
animation: slideInLeft 1s ease forwards;
will-change: transform, opacity;
}
@keyframes slideInLeft {
    to {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes appear {
    to {    
        opacity: 1;
    }
}
@media screen and (max-width: 1000px) {
   .wrapp_pt {
    grid-template-columns: 2fr 1.5fr;
   }
}
@media screen and (max-width: 750px) {
   .wrapp_pt {
    grid-template-columns: 1fr;
   }
   .main {
    padding-left: 0.2em;
    padding-right: 0.2em;
   }    
}