.FINE {
  background-color: #3f8e3a;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.FINE .overlap-wrapper {
  background-color: #3f8e3a;
  width: 1440px;
  height: 1024px;
}

.FINE .overlap {
  position: relative;
  width: 1400px;
  height: 976px;
  top: 28px;
  left: 21px;
  background-image: url(https://c.animaapp.com/Rdeg548L/img/vector-1-8.svg);
  background-size: 100% 100%;
}

.FINE .vector-5 {
  position: absolute;
  width: 1400px;
  height: 976px;
  top: 0;
  left: 0;
}

.FINE .vector-6 {
  object-fit: cover;
  position: absolute;
  width: 1400px;
  height: 976px;
  top: 0;
  left: 0;
}

.FINE .pulsante-restart {
  display: flex;
  width: 180px;
  height: 38px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 5px 39px;
  position: absolute;
  top: 902px;
  left: 1195px;
  border-radius: 20px;
  border: 3px solid;
  border-color: #000000;
}

.FINE .text-wrapper-21 {
  position: relative;
  width: fit-content;
  margin-top: -3.50px;
  font-weight: 700;
  font-family: "Inter", Helvetica;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.FINE .responsabilita {
  position: absolute;
  width: 305px;
  height: 316px;
  top: 488px;
  left: 460px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  mix-blend-mode: multiply; /* This helps blend with the background */
}

.FINE .carico-risultato {
  position: absolute;
  width: 356px;
  height: 297px;
  top: 106px;
  left: 765px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  mix-blend-mode: multiply; /* This helps blend with the background */
}

.FINE .colpa-risultato {
  position: absolute;
  width: 267px;
  height: 245px;
  top: 122px;
  left: 220px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  mix-blend-mode: multiply; /* This helps blend with the background */
}

.FINE .text-wrapper-22 {
  position: absolute;
  top: 10px;
  left: 64px;
  font-weight: 400;
  font-family: "Inter", Helvetica;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.FINE .text-wrapper-23 {
  position: absolute;
  top: 8px;
  left: 220px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.FINE .pulsante-2 {
  display: flex;
  width: 72px;
  height: 64px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 32px;
  position: absolute;
  top: 74px;
  left: 1303px;
  border-radius: 20px;
  border: 3px solid;
  border-color: #000000;
}

.FINE .text-wrapper-24 {
  position: relative;
  width: fit-content;
  margin-top: -3.00px;
  margin-left: -7.50px;
  margin-right: -7.50px;
  font-family: "Inter", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 40px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.FINE .pulsante-about-6 {
  position: absolute;
  width: 182px;
  height: 38px;
  top: 6px;
  left: 1211px;
}

.FINE .overlap-group-6 {
  position: relative;
  width: 180px;
  height: 38px;
  border-radius: 20px;
}

.FINE .text-wrapper-25 {
  position: absolute;
  width: 102px;
  top: 5px;
  left: 39px;
  font-family: "Inter", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}