body{
    padding-top: 100px;
    height: 100%;
    width:100%;
    
}

.container-info-cover {
    display: grid;
    grid-template-columns: 1fr 45%;
    position: relative;
    height: 90%;
    padding-left: 3%;
    font-size: 20px;
    color: #333;
    align-items: center;
    margin-bottom: 10%;
}
.titulo {
    font-size: 50px;
    font-family: math;
    width: 100%;
    font-weight: 500;
    color: black;
    text-transform: uppercase;
}
.infoConetnt{
    width: 70%;
}
.contentInfo img{
    width: 97%;
    border-radius: 11px;
    max-height: 400px;
}

.container-content {
    margin: auto;
    margin-top: 40px;
    background-color: white;
}
.article {
    display: flex;
    justify-content: space-around;
    padding-top: 5%;
    align-items: center;
}
.article__description {
    margin: 3%;
}
.article__description h2 {
    padding-bottom: 1%;
    padding-top: 5%;
    font-size: 36px;
    border-top: 2px solid orange;
}
.article__description p{
    font-family: arial;
    width: 80%;
    font-size: 26px;
    padding: 1%;
}
.article__img {
    width: 60%;
    overflow: hidden;
    height: 397px;
    margin: 5%;
}
.article__img ul {
    display: flex;
    width: 400%;
    animation: transition;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.article__img ul li {
    width: 100%;
}
.article__img img{
    width: 100%;
    height: 397px;
}

@keyframes transition  {
    0% {margin-left: 0;}
    20% {margin-left: 0;}

    25% {margin-left: -100%;}
    45% {margin-left: -100%;}

    50% {margin-left: -200%;}
    70% {margin-left: -200%;}

    75% {margin-left: -300%;}
    100% {margin-left: -300%;}

}