.etkinlik-details {
    display: flex;
    margin-top: 2rem;
    padding: 0 10rem;
}
.etkinlik-image {
    max-width: 30%;
    height: 20%;
    margin-right: 20px;
}

.content-etkinlik {
    overflow-y: auto;
    overflow-wrap: break-word;
}


@media (min-width: 768px) and (max-width: 1024px) {
    .etkinlik-details {
        flex-direction: column; 
       padding: 1rem;

    }
    .etkinlik-image {
        max-width: 50%; /* Görsel genişliği %50 */
    }
    .content-etkinlik {
        width: 100%;
    }
}

/* Küçük ekranlar (mobil cihazlar) için düzen */
@media (max-width: 767px) {
    .etkinlik-details {
        flex-direction: column; /* Dikey düzen */
        align-items: center;
        padding: 0 1rem;
    }
    .etkinlik-image {
        max-width: 100%; /* Tam genişlik */
       
    }
    .content-etkinlik {
       
        width: 100%;
    }
}