@charset "utf-8";

.bg-image-cover {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat; /* 이미지 반복 없음 */

    /* --- 핵심 부분 --- */
    background-size: cover; /* 이미지가 div를 덮도록 크기 조절 */
    background-position: center center; /* 이미지를 div 중앙에 위치 */
    /* --- /핵심 부분 --- */

    /* 텍스트 가독성을 위한 어두운 오버레이와 배경 이미지 설정 (CSS 변수 사용) */
    /* 아래 한 줄에 background-position, background-size, background-repeat가 축약되어 포함됨 */
    background: var(--bg-image) center center / cover no-repeat;

    color: white; /* 텍스트 색상을 흰색으로 */
}

.card-text-content {
    margin: 0;
    padding: 10px;
    width: 100%;
    font-size: 1.2em; /* 텍스트 크기 조정 */
    background: rgba(0,0,0,0.4); /* 텍스트 배경을 어두운 반투명으로 설정 */
}