.bg-relative {
    position: relative;
}

.bg-img {
    position: absolute;
    width: 300px;
    height: 300px;
    object-fit: contain;
    transform: translateX(-50%);
}

.bg-img.first {
    left: 76px;
    top: 0;
}

.bg-img.second {
    right: -335px;
    top: 278px;
    height: 445px;
    width: 445px;
}

.bg-img.third {
    width: 410px;
    height: auto;
    top: 28%;
    left: 40%;
}

.bg-img.fourth {
    width: 410px;
    height: auto;
    top: 50.5%;
    left: 60%;
}

.bg-img.fifth {
    width: 410px;
    height: auto;
    top: 82%;
    left: 38%;
}

@media screen and (max-width: 450px) {
    .bg-img.first {
        left: 65px;
        top: -25px;
    }

    .bg-img.second {
        top: 290px;
        height: 400px;
        width: 400px;
    }

    .bg-img.third {
        width: 370px;
        top: 28%;
        left: 40%;
    }

    .bg-img.fourth {
        width: 370px;
        top: 52%;
        left: 60%;
    }

    .bg-img.fifth {
        width: 370px;
        top: 83.5%;
    }
}