.strip_001_strip_outer_container {
    display: flex;
    align-items: center;
    height: 15dvw; /* Height relative to viewport width */
    width: 100dvw; /* Full width of the viewport */
    overflow: hidden; /* Prevent overflow */
}

.strip_001_strip_card {
    display: flex;
    height: 15dvw; /* Consistent with outer container height */
    width: 33.33dvw; /* Each card takes up 1/3 of the container */
    gap: 0dvw; /* No gap between elements */
    overflow: hidden; /* Prevent overflow */
    padding: 0dvw 3.33dvw 0dvw 0dvw; /* Right padding */
    font-family: f1l;
    background: var(--c8); /* Background color from variable */
    box-shadow: .5dvw 0dvw 1dvw rgba(0, 0, 0, .2); /* Subtle shadow */
    transition: all ease 100ms; /* Smooth transition effect */
}

.strip_001_strip_card:hover {
    transform: scale(1.025); /* Slightly scale up on hover */
}

.strip_001_strip_image_container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; /* Full height */
    width: 20dvw; /* Fixed width for the image */
    overflow: hidden; /* Prevent overflow */
    z-index: 0; /* Ensure it's at the bottom */
}

.strip_001_strip_card_information_container {
    display: flex;
    flex-direction: column;
    gap: 1dvw; /* Space between items */
    padding: 1.5dvw; /* Padding inside the card */
    height: 100%; /* Full height */
    width: 10dvw; /* Width of the information container */
    overflow: hidden; /* Prevent overflow */
    z-index: 2000; /* Ensure it's above other elements */
    background: #EE8C6B;
    box-shadow: .0dvw 0dvw 1dvw .5dvw rgba(0, 0, 0, .2); /* Soft shadow */
    letter-spacing: .1dvw; /* Slight spacing for readability */
}

.strip_001_strip_card_information_container_title {
    font-size: 1.25dvw; /* Title font size */
}

.strip_001_strip_card_information_container_technique,
.strip_001_strip_card_information_container_date,
.strip_001_strip_card_information_container_author {
    font-size: .85dvw; /* Font size for tech, date, and author */
    color: black; /* Text color from variable */
}

.strip_001_strip_card_information_container_author {
    margin-top: auto; /* Push author info to the bottom */
}

/* Media queries for phone/tablet adjustments */
@media only screen and (max-width: 950px) and (min-width: 451px) {
    /* Adjust styles for medium screens (tablets) */
}

@media only screen and (max-width: 450px) {
    /* Adjust styles for small screens (phones) */
}