.wrap-event {display: flex; flex-wrap: wrap; gap: 20px; } 
.wrap-event .item {width: calc(33.33% - 20px); display: flex; background-color: #f5f5f5; border-radius: 15px; overflow: hidden; padding: 15px; align-items: center; justify-content: center; text-decoration: none;} 
.wrap-event .item .caption {flex: 1; padding: 15px 0 15px 15px; display: flex; flex-direction: column; justify-content: center;} 
.wrap-event .item .caption span {font-size: 0.9rem; color: #888;} 
.wrap-event .item .caption h5 {font-size: 1.2rem; font-weight: bold; margin: 5px 0 0 0;} 
.wrap-event .item img {width: 100px; height: 100px; border-radius: 50%; object-fit: cover; margin-left: 20px;} 
@media (max-width: 1020px) {
.wrap-event {justify-content: center;} 
.wrap-event .item {width: calc(50% - 20px);} 
} 
@media (max-width: 768px) {
.wrap-event .item {width: 100%;} 
}