*{
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-decoration: none;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.container1 {
    display: flex;
    background-color: #ffffff;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

.card {
    background: white;
    width: 270px;
    height: 390px;
    margin: 20px 10px;
    border-radius: 15px;
    box-shadow: #000000 2px 2px 10px;
    overflow: hidden;
}

.card-image{
    height: 200px;
    margin-bottom: 15px;
    border-radius: 15px 15px 0 0;
}

.card1 {
    background-image:url("catalogue-images/1\ Toyota\ Motor\ Oil\ 20w-50\ sj\ 1l\ 0.jpg");
    background-size: cover;
}
.card2 {
    background-image:url("catalogue-images/1\ Toyota\ Motor\ Oil\ 20w-50\ sj\ 4l\ 0.jpg");
    background-size: cover;
}
.card3 {
    background-image:url("catalogue-images/Toyota\ Motor\ Oil\ 15w-40\ CI-4\ SL\ 4l\ 0.jpg");
    background-size: cover;
}
.card4 {
    background-image:url("catalogue-images/Castrol\ Magnatec\ Spot\ Start\ 5W30\ Engine\ Oil\ for\ Petrol\ Car\ 0.jpg");
    background-size: cover;
}
.card5 {
    background-image:url("catalogue-images/Shell\ REMULA\ HEAVY\ DUTY\ DIESEL\ ENGINE\ OIL\ R2\ TURBOCHARGER\ PERFORMANCE\ 20W-50\ DYNAMIC\ PROTECTION\ 5L\ 0.jpg");
    background-size: cover;
}
.card6 {
    background-image:url("catalogue-images/AcDelco\ ATF\ TYPE\ III\ \(H\)\ 4L\ 0.jpg");
    background-size: cover;
}
.card7 {
    background-image:url("catalogue-images/SK\ Zic\ X7000\ 20W50\ synthetic\ API\ CI4\ 5l\ 0.jpg");
    background-size: cover;
}
.card8 {
    background-image:url("catalogue-images/Nissan\ Motor\ Oil\ 5w30\ 0.jpg");
    background-size: cover;
}
.card9 {
    background-image:url("catalogue-images/NISSAN\ CVT\ Fluid\ NS-2\ KLE52-00004\ 0.jpg");
    background-size: cover;
}
.card10 {
    background-image:url("catalogue-images/NISSAN\ Motor\ Oil\ 20W-50\ Mineral\ API\ SN\ 4L\ KLANJ-20504\ 0.jpg");
    background-size: cover;
}
.card11 {
    background-image:url("catalogue-images/NISSAN\ GENUINE\ PARTS\ CVT\ Fluid\ NS-3\ KLE53-00004\ 0.jpg");
    background-size: cover;
}
.card12 {
    background-image:url("catalogue-images/CALTEX\ Delo\ Gold\ ULTRA\ SAE\ 15W-40\ MULTIGRADE\ API\ CI-4SL\ ISOSYN\ Heavy\ Duty\ Diesel\ Engine\ Oil\ 5\ Litres\ 0.jpg");
    background-size: cover;
}
.card13 {
    background-image:url("catalogue-images/Shell\ HELIX\ HX5\ 20W-50\ PREMIUM\ MULTI-GRADE\ MOTOR\ OIL\ FOR\ GASOUNE\ ENGINES\ 4L 0.jpg");
    background-size: cover;
}
.card14 {
    background-image:url("catalogue-images/Shell\ HELIX\ HX5\ 20W-501\ PREMIUM\ MULTI-GRADE\ MOTOR\ OIL\ 1L\ 0.jpg");
    background-size: cover;
}
.card15 {
    background-image:url("catalogue-images/Shell\ HELIX\ ULTRA\ FOR\ GASOLINE\ ENGINES\ 5W-30\ FULLY\ SYNTHETIC\ MOTOR\ OIL\ 4L\ API\ SL\ ACEA\ A3-B4\ 0.jpg");
    background-size: cover;
}
.card16 {
    background-image:url("catalogue-images/Toyota Auto Transmission Fluid WS 0.jpg");
    background-size: cover;
}
.card17 {
    background-image:url("catalogue-images/TOYOTA\ 5W-30\ SN\ MOTOR\ OIL\ 4L\ 0.jpg");
    background-size: cover;
}
.card18 {
    background-image:url("catalogue-images/TOYOTA\ 5W-30\ SN\ MOTOR\ OIL\ 1L\ 0.jpg");
    background-size: cover;
}
.card19 {
    background-image:url("catalogue-images/LEXUS\ Motor\ Oil\ SN\ 5W-40\ 4L 0.jpg");
    background-size: cover;
}
.card20 {
    background-image:url("catalogue-images/TOYOTA\ 20W-50\ SL\ Motor\ Oil\ 4L 0.jpg");
    background-size: cover;
}
.card21 {
    background-image:url("catalogue-images/TOYOTA\ 20W-50\ SL\ Motor\ Oil\ 1L 0.jpg");
    background-size: cover;
}
.card22 {
    background-image:url("catalogue-images/CALTEX\ Delo\ Fleet\ Pro\ SAE\ 20W-50\ MULTIGRADE\ API\ CH-4\ 5L 0.jpg");
    background-size: cover;
}
.card23 {
    background-image:url("catalogue-images/Mobil\ 1\ MOTOR\ OIL\ 5W-30\ 5\ US.Qt\ 4\ 73L\ 0.jpg");
    background-size: cover;
}
.card24 {
    background-image:url("catalogue-images/WhatsApp\ Image\ 2023-10-15\ at\ 13.28.04_c8d0309f.jpg");
    background-size: cover;
}
.card h2 {
    margin: 10px;
    font-size:large;
    display: block;
    height: 38px;
    
}

.card p { 
    display: block;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12px;
    height: 50px;
    
    margin: 0px 10px;
}

.card a {
    background-color:#fb3333;
    color: white;
    padding: 19px;
    display: block;
    text-align: center;
    margin: 0px auto;
    position:relative;
    margin-bottom: 0px;
    bottom: -19px;
}
.card a:hover{
    background-color:#b50707;
    color:#ffffff;
    font-size: 1.01em;
    text-shadow: #000000 1px 1px 1px;
    text-decoration: none;
}
.card:hover {
   
    cursor: pointer;
    transform: scale(1.03);
    transition: all 0.7s ease;
}

.small-img-group {
    display: flex;
    justify-content: space-between;
    
}

.small-img-col{
    flex-basis: 23%;
    cursor: pointer;
}