.release_refresh_image{
    height:25px;
    border-radius: 50%; 
    object-fit: cover;
  }
  .refreshing_image{
    height:20px;
    border-radius: 50%;
    object-fit: cover;
  }
  .ptr--ptr {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0px;
    z-index: 9999;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent !important;
    transition: transform 0.3s ease, opacity 0.3s ease;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;

  }
  .ptr--ptr{
    transform: translateY(50px); /* slide down */
  }