2 crditem crd codes

<style>
#text01 {
background:linear-gradient(to top, #9f8bb0 0%, #925586 80%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 0.5px #695595;
-webkit-filter: drop-shadow(0px 0px 1.5px #695595);
}

#text02 {
background: radial-gradient(circle, #925586 0%, #9f8bb0 76%);
border: 1px solid #695595;
border-radius:90%;
padding-left:10px;
padding-right:10px;
font-size:1.5em;
color:white;
-webkit-text-stroke: 0.5px #695595;
position: absolute;
z-index: 99;
top: -1em;
width: 4.5em;
height: 1.2em;
}

#image01 {
position: absolute;
left: 9em;
bottom: 5em;
}

#image01 {
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 7px); }
100% { transform: translate(0, -0px); }
</style>