User:HINK/common.css

.diamond-image {
    position: relative;
    width: 150px; /* Adjust the width as needed */
    height: 150px; /* Adjust the height as needed */
    overflow: hidden;
    margin: 20px; /* Adjust the margin as needed */
    transform: rotate(45deg); /* Rotate the container */
    box-sizing: border-box;
    border: 2px solid black; /* Border width and color */
}

.diamond-image .thumbinner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: rotate(-45deg); /* Rotate the inner container back */
}

.diamond-image .thumbinner img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the container */
    transform: rotate(0deg); /* Ensure the image remains upright */
}