Template:Swedishwin/styles.css

.swedish-flag {
  position:relative;
  width:300px;
  height:200px;
  background-color:#006AA7;
  border:2px solid #FECC02;
  margin:0.5em auto
}
.swedish-flag::before {
  content:"";
  position:absolute;
  background-color:#FECC02;
  width:30px;
  height:100%;
  left:90px;
  top:0;
  z-index: -4; /* Ensure it's behind the content */
}
.swedish-flag::after {
  content:"";
  position:absolute;
  background-color:#FECC02;
  height:30px;
  width:100%;
  top:30px;
  left:0;
  z-index: -4; /* Ensure it's behind the content */

}
.textanimationsw {
  
  overflow: hidden; 
  white-space: nowrap; 
  margin: 0 auto; 
  letter-spacing: .05em; 
}

  .container {
    position: relative; /* This creates a new stacking context */
    z-index: 1; /* Ensure container is above the sunburst */
    margin: 2em; /* Optional: Add some margin around the container */
    overflow:hidden
  }

  @keyframes rotate {
    0% {
      transform: rotate(0deg); /* Start at 0 degrees */
    }
    100% {
      transform: rotate(360deg); /* End at 360 degrees */
    }
  }