.zoomable-container {
    backdrop-filter: blur(10px);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.zoomable-container:not(.zoomed):hover {
    transform: scale(1.5);
    background-color: rgb(33 33 33 / 60%);
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-position: center;
}

.zoomable-container.zoomed {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0 auto;
}

.zoomable-container.zoomed .zoom-button {
    display: none;
}