.gallery {
    width: 85vw; 
    height: 60vmin;
    display: flex;
    gap: 5px;
  }
  
  .gallery img {
    height: 100%;
    flex:1;
    object-fit: cover;
    overflow:hidden;
    cursor: pointer;
    border-radius:10px;
    transition: all 0.3s;
  }
  .gallery img:hover {
    flex: 4
  }
  body {
    background-color:#131313;
  }
  
  .profile-wrapper {
    max-width:150px;
    position:relative;
  }
  
  .profile-wrapper img {
    width:100%;
    display:block;
    border-radius:50%;
  }
  
  .profile-wrapper::before {
    content: "";
    position:absolute;
    inset:-15px;
    border: 6px solid #131313;
    border-top-color: #fff;
    border-bottom-color:#ababab;
    border-radius: 50%;
    z-index: -1;
    animation:spin 3s linear infinite;
  }
  
  
  @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
  @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
  @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }}

  .content > .inner {

    background:black;
    background:rgba(0,0,0,0.8);

    /* filter:blur(4px); */
    padding:20px;
  }

  .image > img {
     width: 400%; 
    vertical-align: baseline;
  }
  @media screen and (max-width: 736px) {

    .image > img {
        width: 100%;
    }

}

  .image {
    vertical-align: baseline;
    display: flex;
    flex-direction: column;

  }

