.watermarked-section {
    position: relative;
    background: #f9f9f9;
    padding: 20px;
    border: 1px solid #ddd;
    overflow: hidden; /* Ensures watermark is contained */
}

.watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.2;
    font-size: 4em;
    color: #000;
    white-space: nowrap; /* Prevent text wrapping */
    pointer-events: none; /* Allows clicks to pass through */
    z-index: 1; /* Ensures watermark is on top */
}

.content {
    position: relative;
    z-index: 2; /* Ensures content is above watermark */
}