body {margin: 0; padding: 0; height: 100vh; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxOTIwIDEwODAiPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0icmZ2IiBjeD0iMSIgY3k9IjAiIHI9IjAuOCIgPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iaHNsKDI3NSwxMDAlLDYlKSIgLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9ImhzbCgyNzUsMTAwJSwxMCUpIiAvPjwvcmFkaWFsR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJjMSIgY3g9IjAuNSIgY3k9IjAuNSIgcj0iMC41Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9ImhzbCgyNzUsMTAwJSwxOCUpIiBzdG9wLW9wYWNpdHk9IjAuNSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iaHNsKDI3NSwxMDAlLDEwJSkiIHN0b3Atb3BhY2l0eT0iMCIgLz48L3JhZGlhbEdyYWRpZW50PjxmaWx0ZXIgaWQ9InNwciI+PGZlVHVyYnVsZW5jZSB0eXBlPSJ0dXJidWxlbmNlIiBiYXNlRnJlcXVlbmN5PSIwLjAwNyIgbnVtT2N0YXZlcz0iMTAiIHJlc3VsdD0idHVyYnVsZW5jZSIgLz48ZmVEaXNwbGFjZW1lbnRNYXAgaW4yPSJ0dXJidWxlbmNlIiBpbj0iU291cmNlR3JhcGhpYyIgc2NhbGU9IjIwMDAwIiB4Q2hhbm5lbFNlbGVjdG9yPSJSIiB5Q2hhbm5lbFNlbGVjdG9yPSJHIiAvPjwvZmlsdGVyPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI3JmdikiIC8+PGVsbGlwc2UgaWQ9InN0cmFobCIgY3g9IjEwMDAiIGN5PSI1MCIgcng9IjEwMDAiIHJ5PSIyMDAiIHRyYW5zZm9ybT0icm90YXRlKDYwIDEwMDAgMTI1KSIgZmlsbD0idXJsKCNjMSkiIC8+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNyZnYpIiBmaWx0ZXI9InVybCgjc3ByKSIgLz48L3N2Zz4='); background-size: cover; background-repeat: no-repeat; background-position: center center; display: flex; justify-content: center; align-items: center;}

.center-container {
    width: 80%;
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
/*    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; */
  }