.wrap {
    display: flex;
}


.slider {
    margin: auto;
    width: 1000px;
    height: 560px;
    border: 10px ridge rgb(109, 61, 61) ;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    animation: appear 0.5s;
}

@keyframes appear {
    from {opacity:0;}
    to {opacity: 1;}
}

.slide1, .slide2, .slide3 {
    display: none;
}

.slide1 {
   background-image: url('image1.jpg');

}

.slide2 {
    background-image: url('image2.jpg');
 }

 .slide3 {
    background-image: url('image3.jpg');
 }


 .chosenEvent {
    animation: enlarge 3s linear infinite;
 }

 @keyframes enlarge {
    0% {transform: scale(1);}
    50% {transform: scale(1.05);}
    100% {transform: scale(1);}
}