.grave-autocomplete{
    border-radius: 5px;
    background: white;
}
.half-image-body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    display: flex;
    overflow: hidden;
}
.half {
    width: 49.8vw; 
    height: 100vh; 
    position: relative; 
    overflow: hidden;
}
.half img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: 50% 65%;
    transition: transform 5s ease-in-out;
}
.half img:hover {
    transform: scale(1.5);
    cursor: pointer;
}
.text-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    pointer-events: none;
}
.center-strip { 
    width: 0.4vw;
    height: 100vh; 
    background-color: black; 
}
@media (max-width: 768px) {
    .half-image-body {
        flex-direction: column;
    }
    .half {
        width: 100vw;
        height: 49.5vh;
    }
    .center-strip {
        width: 100vw;
        height: 1vh;
        background-color: black;
    }
}