<style>
@keyframes spin {
100% {
transform:rotate(360deg);
}
}
.recordPlayer {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 20px;
}
.vinyl {
height: 150px;
margin-left: 55px;
padding: 10px;
animation: spin 1.88s linear infinite;
position: absolute;
}
.vinylCover {
height: 150px;
position: relative;
z-index: 1;
margin-right: 55px;
}
</style>
<div class="recordPlayer">
<img class="vinyl" src="https://i.ibb.co/dwpMkF77/Untitled27-20260321173132.png"/>
<img class="vinylCover" src="https://i.ibb.co/tMxdb7x4/Untitled26-20260321172119.png"/>
</div>
<style>
@keyframes spin {
100% {
transform:rotate(360deg);
}
}
.recordPlayer {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 20px;
}
.vinyl {
height: 150px;
margin-left: 55px;
padding: 10px;
animation: spin 1.88s linear infinite;
position: absolute;
}
.vinylCover {
height: 150px;
position: relative;
z-index: 1;
margin-right: 55px;
}
</style>
<div class="recordPlayer">
<img class="vinyl" src="https://i.ibb.co/bRz857xL/Untitled28-20260321181159.png"/>
<img class="vinylCover" src="https://i.ibb.co/FMdb5Bn/Untitled26-20260321180802.png"/>
</div>
