.img-container {
    position: relative;
    width: 960px; /* 24 inches * 40 (for screen resolution) */
    height: 480px; /* 12 inches * 40 (for screen resolution) */
    overflow: hidden; /* Ensure the image fits within the container */
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
}
#bleed-lines {
    border: 4px solid rgba(255, 0, 0, 0.5); /* 2px solid line */
    box-sizing: border-box; /* Ensure border is inside the element */
}
#safe-cut-lines {
    border: 4px solid rgba(0, 255, 0, 0.5); /* 2px solid line */
    box-sizing: border-box; /* Ensure border is inside the element */
}