#house-3d { background: linear-gradient(var(--gray-light-2) 100px, var(--gray-light-1) 100px); }

#house-3d .container { position: relative; }

#house-3d .container h2 { margin-top: 50px; }

#house-3d .container .background { aspect-ratio: 770 / 638.25; }

#house-3d .container svg path { opacity: 0; }

#house-3d .container svg g { cursor: pointer; }

#house-3d .container svg g:hover circle { fill: black; }

#house-3d .container svg g circle { fill: var(--main); }

#house-3d .container svg g path { fill: white; }

#house-3d .container svg g .mobile { opacity: 1; }

#house-3d .container svg g .desktop { opacity: 0; }

#house3DModal .modal-body .background { aspect-ratio: 720 / 720; width: 100%; }

@media (min-width: 768px) {
    #house-3d .container svg g .mobile { opacity: 0; }
    #house-3d .container svg g .desktop { opacity: 1; }
}

@media (min-width: 1200px) {
    #house-3d .container svg,
    #house-3d .container .background { position: absolute; width: 57%; left: 0; top: 43px; z-index: 1; }
    #house-3d .container h2 { margin-top: 100px; }
}

@media (min-width: 1400px) {
    #house-3d .container svg,
    #house-3d .container .background { top: -8px; }
}

@media (min-width: 1460px) {
    #house-3d .container svg,
    #house-3d .container .background { top: -40px; }
}

@media (max-width: 1199.98px) {
    #house-3d .container .wrapper { aspect-ratio: 770 / 638.25; position: relative; overflow: hidden; }
    #house-3d .container svg,
    #house-3d .container .background { position: absolute; left: 0; top: 0; }
    #house-3d .container .background { width: 100%; }
}