.my-svg-home {
    font-family: 'Russo One', sans-serif;
    position: absolute; 
    width: 100%; 
    height: 1000%;
  }
  
  .my-svg-home text {
    text-transform: uppercase;
    -webkit-animation: stroke 5s infinite alternate;
    -moz-animation: stroke 5s infinite alternate;
    animation: stroke 5s infinite alternate;
    stroke-width: 2;
    stroke: #c73a3a;
    font-size: 100px;
    filter: drop-shadow(0 0 10px rgba(199, 58, 58, 0.5));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  @keyframes stroke {
    0% {
      fill: rgba(199, 58, 58, 0);
      stroke: #c73a3a;
      stroke-dashoffset: 25%;
      stroke-dasharray: 0 50%;
      stroke-width: 2;
      filter: drop-shadow(0 0 5px rgba(199, 58, 58, 0.3));
    }
    50% {
      fill: rgba(199, 58, 58, 0.1);
      stroke: #ff4444;
      stroke-width: 2;
      filter: drop-shadow(0 0 15px rgba(199, 58, 58, 0.7));
    }
    70% {
      fill: rgba(199, 58, 58, 0.2);
      stroke: #c73a3a;
      filter: drop-shadow(0 0 20px rgba(255, 68, 68, 0.8));
    }
    85% {
      fill: rgba(199, 58, 58, 0.3);
      stroke: #c73a3a;
      stroke-width: 3;
      filter: drop-shadow(0 0 20px rgba(199, 58, 58, 0.9));
    }
    100% {
      fill: #c73a3a;
      stroke: rgba(199, 58, 58, 0.2);
      stroke-dashoffset: -25%;
      stroke-dasharray: 50% 0;
      stroke-width: 1;
      filter: drop-shadow(0 0 15px rgba(199, 58, 58, 0.6));
    }
  }
  
  @media screen and (max-width: 768px) {
    .my-svg-home text {
      font-size: 110px; /* Adjust the font size for smaller screens */
    }
  }