body {
    margin: 0;
}

.card {
    margin: 0;
}

.card-content {
    position: absolute;
    left: 0;
    bottom: -2000px;
    transition: all 0.5s ease;
}

.card-content-2 {
    position: absolute;
    left: 0;
    bottom: -1000px;
    transition: all 0.5s ease;
}

.header{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
}

.footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: fit-content;
    height: auto;
}

.content {
    position: absolute;
    top: 121px;
    width: 100%;
    z-index: -10px;
    left: 0;
}

.overlay {
    width: 100%;
    height: auto;
    z-index: 11;
}

.pdp {
    width: 100%;
    height: auto;
    z-index: 100;
}

.card:hover .card-content {
    bottom: -100px;
}

.card:hover .card-content-2 {
    bottom: -10px;
}