.artwork-detail {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 20px auto;
}

.artwork-content {
    max-width: 600px;
    text-align: center;
}

.artwork-image {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.full-row {
    margin-bottom: 20px;
}

.postform {
    display: inline-block;
    width: 100%;
    max-width: 300px;
    margin-top: 5px;
    padding: 5px;
}
.artwork-container {
    position: relative;
    overflow: hidden; /* Ensures only the magnified portion is visible */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    width: 600px; /* Set a fixed width for the container */
    height: 600px; /* Set a fixed height for the container */
    border: 1px solid #ddd; /* Optional: for better visibility */
}

.artwork-image {
    max-width: 100%; /* Ensures the image fits within the container */
    height: auto; /* Maintain aspect ratio */
    display: block;
    transition: transform 0.2s ease-out; /* Smooth transition for hover */
    transform-origin: center; /* Center the zoom effect */
}

.artwork-container:hover .artwork-image {
    transform: scale(2); /* Magnify the image */
    cursor: pointer; /* Use a hand icon for hover */
}


.artwork-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    pointer-events: none;
}