.audit-canvas {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;

    &__image-container {
        position: relative;
    }

    &__image {
        max-height: 70dvh;
    }

    &__substep-button {
        position: absolute;
        top: 0;
        left: 0;

        &--1 {
            top: 73%;
            left: 31%;
        }

        &--2 {
            top: 89%;
            left: 31%;
        }

        &--3 {
            top: 48%;
            left: 74%;
        }

        &--4 {
            top: 22%;
            left: 55%;
        }

        &--5 {
            top: 17%;
            left: 75%;
        }

        &--6 {
            top: 4%;
            left: 43%;
        }

        &--7 {
            top: 10%;
            left: 11%;
        }

        @media (max-height: 660px) {
            &--1 {
                top: 71%;
                left: 29%;
            }

            &--2 {
                top: 88%;
            }

            &--3 {
                top: 46%;
                left: 74%;
            }

            &--4 {
                top: 19%;
                left: 54%;
            }

            &--5 {
                top: 15%;
                left: 75%;
            }

            &--6 {
                top: 2%;
                left: 42%;
            }
        }
    }
}