.contact-thumbnail {
  max-width: 220px !important;
  max-height: 250px:
} 

.img-thumbnail {
  max-width: 20%;
 border: none;
    border-radius: .375rem;
    max-width: 100%;
    height: auto; } 
 

.co-lg-autoimg{ max-width:10%;}

article {
display: flex;
justify-content: center;
}

article {
    display: block;
    unicode-bidi: isolate;
}
.about-text {
    font-size: 2vh;
    color: white;
    line-height: 1.5;
    width: 50%;
    padding-left: 20vh;
    margin-bottom: 400px;
}
user agent stylesheet
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

h2 {
    padding-right: 80vh;
    padding-top: 5vh;
    font-size: 3vh;
}


body {
    background-image: url(/images/background.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center; }

.article-list .article
{border: none;}

.fade-in {
   transform: translateY(20px);
  animation: fadeInAnimation 1.5s ease-out forwards;
}


.container {.backdrop-blur-md 
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
<style>
.duration-300 {
    transition-duration: 300ms;
}
<style>
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
<style>
.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
<style>
.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
<style>
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
<style>
.bg-gray-800\/30 {
    background-color: rgb(31 41 55 / 0.3);
}
<style>
.border-gray-600\/40 {
    border-color: rgb(75 85 99 / 0.4);
}
<style>
.border {
    border-width: 1px;
}
<style>
.rounded-2xl {
    border-radius: 1rem;
}
<style>
.max-w-4xl {
    max-width: 56rem;
}
<style>
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
<style>
*, ::before, ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;}