.profile-image {
	display: flex;
	width: 100%;
	background: #FFFFFF; 
	background-repeat: no-repeat;
	border: 3px #CC0000 solid;
	background-size: cover;
	transform: translateY(0);
    transition: opacity 0.6s ease-out, transform 1s ease-out;
}

@media (min-width: 320px) and (max-width: 734px) {

    .profile-image {
        border-radius: 16px;
        background-image: url("https://tiagosotenho.com/assets/images/tiago_sotenho_picture_small.png");
        background-position: center;
        background-position: top;
        background-color: #FFFFFF;
        height: 50vh;
        min-height: 300px;
    }

    #copyright-picture {
        align-self: flex-end;
        margin-top: -40px;
        padding-bottom: 16px;
        padding-right: 8px;
        font-size: 16px;
        z-index: 30;
        mix-blend-mode: luminosity;
    }

}

@media (min-width: 735px) and (max-width: 1068px) {
	
    .profile-image {
        border-radius: 24px;
        background-image: url("https://tiagosotenho.com/assets/images/tiago_sotenho_picture_medium.png");
        background-position: center;
        background-color: #FFFFFF;
        height: 620px;
    }

    #copyright-picture {
        margin-top: -20px;
        font-size: 16px;
        align-self: end;
    }
}

@media (min-width: 1069px) and (max-width: 3008px) {
	
    .profile-image {
        border-radius: 32px;
        background-image: url("https://tiagosotenho.com/assets/images/tiago_sotenho_picture_large.png");
        background-position: center;
        background-color: #FFFFFF;
        height: 100% !important;
    }

    #copyright-picture {
        margin-top: -28px;
        font-size: 16px;
        align-self: end;
    }
}