<div class="container">
  <div class="flying">Flying</div>
  <div class="feeding">Feeding my babies</div>
</div>
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap');

body{
  font-family: 'Roboto', sans-serif;
  background-color: #1D1E22;
  // display: flex;
  // justify-content: center;
  // align-items: center;
  padding: 4rem;
}
.container{
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border: 1px solid white;
  
  & div{
    bacground-color: red;
    padding: 3rem;
    margin: 1rem;
    background-color: red;
    width: 40%;
    text-align: center;
    text-transform: uppercase;
  }
  
}

.flying{
    cursor: url('https://res.cloudinary.com/dvkugaw3b/image/upload/v1641562028/cursor_ad12rf.png'), auto;
  }
.feeding{
  cursor: url('https://res.cloudinary.com/dvkugaw3b/image/upload/v1641562029/cursor-worm_kij6gi.png'), auto;
}
View Compiled
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.