.section-contact .img-container {
    grid-area: 1/4/1/span 4;
    aspect-ratio: 752/1002;
    border-radius: 100vmin 100vmin 0 0;
    overflow: hidden;
    margin-top: 10%;
}

.section-contact .icon-container {
	grid-area: 1/4/1/span 4;
	justify-self: flex-end;
    margin-top: 10%;
	transform: translateX(30%);
	width: max(128px,10.46875vw);
}

.section-contact .bg-container {
    grid-area: 1/3/1/span 4;
    aspect-ratio: 752/1002;
    border-radius: 100vmin 100vmin 0 0;
    overflow: hidden;
    z-index: -1;
}

.section-contact .frame-container {
    grid-area: 1/2/1/span 4;
    width: 100%;
    height: auto;
    aspect-ratio: 752/564;
    border-radius: 100vmin 0 0 100vmin;
    border: 3px solid var(--beige);
    overflow: hidden;
    align-self: flex-end;
    transform: translateY(17.75%);
    z-index: -1;
}

.section-contact .contact-container {
    grid-area: 1/9/1/span 5;
}

.section-contact .contact-container .headlines-container .sub-headline {
    left: 0;
    bottom: 0;
    transform: translate(-15%,15%);
    z-index: -1;
}

.section-contact .contact-container .company-contact {
    margin: max(24px, 1.5625vw) 0 max(32px, 5vw);
    gap: max(20px, 1.40625vw);
}

@media (max-width: 991.98px) {
    .section-contact .icon-container {
        width: max(128px,10.46875vw);
    }
    
    .section-contact .contact-container {
        grid-area: 1/10/1/span 4;
    }
    
    .section-contact .img-container {
        grid-area: 1/4/1/span 5;
    }
    
    .section-contact .icon-container {
        grid-area: 1/5/1/span 4;
    }
    
    .section-contact .bg-container {
        grid-area: 1/3/1/span 5;
    }
    
    .section-contact .frame-container {
        grid-area: 1/2/1/span 5;
    }
}

@media (max-width: 767.98px) {
    .section-contact .icon-container {
        grid-area: 1/7/1/span 4;
    }
  
    .section-contact .contact-container {
        grid-area: 2/5/2/span 6;
        margin-top: var(--m-large);
    }
  
    .section-contact .img-container {
        grid-area: 1/5/1/span 6;
        margin-bottom: var(--m-small);
    }
  
    .section-contact .bg-container {
        grid-area: 1/4/1/span 6;
    }
  
    .section-contact .frame-container {
        grid-area: 1/3/1/span 6;
        transform: none;
    }
}

@media (max-width: 575.98px) {
    .section-contact .icon-container {
        grid-area: 1/9/1/span 4;
    }
  
    .section-contact .contact-container {
        grid-area: 2/3/2/span 10;
        justify-self: center;
    }
  
    .section-contact .img-container {
        grid-area: 1/5/1/span 8;
    }
  
    .section-contact .bg-container {
        grid-area: 1/3/1/span 8;
    }
  
    .section-contact .frame-container {
        grid-area: 1/2/1/span 8;
    }
}