.image-container {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 3500px; /* Adjust size as needed */
}

.image-container img {
  width: 100%;
  height: auto;
  display: block;
}

.blinking-circle {
  position: absolute;
  top: 1380px;   /* Adjust vertical position */
  right: 730px; /* Adjust horizontal position */
  width: 50px;
  height: 50px;
  background-color: #2ecc71; /* Green color */
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.7);
  animation: pulse 2s infinite;
}
.figure.blinking-circle {
  position: absolute;
  top: 1400px;   /* Adjust vertical position */
  right: 1000px; /* Adjust horizontal position */
  width: 80px;
  height: 80px;
  background-color: #2ecc71; /* Green color */
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.7);
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 15px rgba(46, 204, 113, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(46, 204, 113, 0);
  }
}
@media (width <= 600px) {
  /* Styles for screens 600px and smaller */
}