.img-border-radius-1 {
    border-radius: 1000px;
}

.img-border-radius-2 {
    border-radius: var(--border-radius-default);
    border-top-left-radius: 1000px;
    border-top-right-radius: 1000px;
}

.img-border-radius-3 {
    border-radius: 2px;
}

.img-border-radius-4 {
    border-radius: var(--border-radius-default);
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
}

.object-bottom-left,
.object-center-right {
    position: relative;
}

.object-bottom-left::after {
    content: "";
    background: var(--color-2);
    width: 4rem;
    height: 4rem;
    border-radius: 1000px;
    position: absolute;
    left: -1.5rem;
    bottom: -1.5rem;
    z-index: -1;
}

.object-center-right::before {
    content: "";
    background: var(--color-1);
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1000px;
    position: absolute;
    right: 0;
    top: calc(50% + var(--spacing-default));
    transform: translateY(-50%);
    z-index: -1;
}

.image-rounded-top {
    border-radius: 10px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}