.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.sticky-top {
    position: sticky;
    top: 0;
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}

.absolute-top-left {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.absolute-top-right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}

.absolute-bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.absolute-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
}