.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo16 .item{overflow:hidden;position:relative;margin:30px 0;display:grid;grid-template-columns:30% 60%;justify-content:space-between;align-items:center}
#articleInfo16 .item:nth-child(2n){grid-template-columns:60% 30%}
#articleInfo16 .item:first-child{margin-top:0}
#articleInfo16 .item > div{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item:nth-child(2n) .photo{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;order:2}
#articleInfo16 .item .photo{}
#articleInfo16 .item .photo img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%}
#articleInfo16 .item .info{animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo16 .item:nth-child(2n) .info{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item .info h5{padding:10px 15px;border-top:2px #000 solid;border-bottom:1px #000 solid;font-size:14px;color:#444}
#articleInfo16 .item .info h3{font-size:25px;background:linear-gradient(to right,var(--secondary),var(--thirdly));background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block}
#articleInfo16 .item .info article{line-height:2.2;right:j}

@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
	#articleInfo16 .item:nth-child(2n) .photo{order:0}
	#articleInfo16 .item, #articleInfo16 .item:nth-child(2n){grid-template-columns:1fr;gap: 20px;}
}