.texture-box {
            position: relative;
            /* Set position relative here */
            background-image: url('https://storage.googleapis.com/dm-storage/35bcd984-83ef-43b8-abe7-b9745fa2a66a/aeaf1d68-e893-4536-b6a8-ff00fddbfa3b');
            background-size: cover;
            overflow: hidden;
        }

        .card::after {
            content: '';
            position: absolute;
            /* Set position absolute here */
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: inherit;
            /* Inherit the background color */
            opacity: 0.5;
            /* Adjust the opacity for overlay */
        }

        .lift-off-lemon {
            background-color: #e4e14c;
        }

        .solar-yellow {
            background-color: #f7ea55;
        }

        .sunburst-yellow {
            background-color: #f5e857;
        }

        .galaxy-gold {
            background-color: #e7b12f;
        }

        .cosmic-orange {
            background-color: #e5a959;
        }

        .orbit-orange {
            background-color: #d2722c;
        }

        .rocket-red {
            background-color: #d46f72;
        }

        .re-entry-red {
            background-color: #cb4451;
        }

        .plasma-pink {
            background-color: #ca3e6b;
        }

        .fireball-fuchsia {
            background-color: #d16fa1;
        }

        .outrageous-orchid {
            background-color: #b683b2;
        }

        .planetary-purple {
            background-color: #b29ac3;
        }

        .gravity-grape {
            background-color: #928ec0;
        }

        .venus-violet {
            background-color: #90a0cf;
        }

        .blast-off-blue {
            background-color: #5c8bc4;
        }

        .celestial-blue {
            background-color: #7abde8;
        }

        .lunar-blue {
            background-color: #a2cfe5;
        }

        .terestial-teal {
            background-color: #86c0c4;
        }

        .vulcan-green {
            background-color: #c0d26c;
        }

        .terra-green {
            background-color: #8eba5e;
        }

        .martian-green {
            background-color: #89b854;
        }

        .gamma-green {
            background-color: #8fbf89;
        }

        .hamblue {
            background-color: #b2d6de;
        }

        .hamcanary {
            background-color: #faf4b8;
        }

        .hamivory {
            background-color: #fdfae8;
        }

        .hamgrey {
            background-color: #d7d8d9;
        }

        .hamgreen {
            background-color: #b5d4bd;
        }

        .hamsalmon {
            background-color: #e2a38f;
        }

        .hamlilac {
            background-color: #ebc7db;
        }


        * {
            margin: 0;
            padding: 0;
        }


        .section_1 {


            display: flex;
            align-items: center;
            justify-content: center;
        }

        .card {
            width: 40px;
            height: 225px;
            cursor: pointer;
            transition: all .43s;
            position: relative;
            /* Set position relative here */
            background-size: cover;
            overflow: hidden;
        }



        .active {
            width: 100%;
        }



        .card p {
            transform: rotate(270deg);
            transform-origin: left top;
            white-space: nowrap;
            position: relative;
            left: 2%;
            top: 95%;
            font-size: smaller;

        }